|
|
@ -15,14 +15,14 @@ const isSpinning = ref(false) |
|
|
|
const wheelConfig = ref({ |
|
|
|
}) |
|
|
|
const prizes = ref([ |
|
|
|
{ fonts: [{ text: '+188', top: '10%', fontColor: '#FF2C29', fontSize: '40px' }], background: '#FAF9F0' }, //0 |
|
|
|
{ fonts: [{ text: '+88', top: '10%', fontColor: '#FF2C29', fontSize: '40px' }], background: '#F5D7AD' }, //1 |
|
|
|
{ fonts: [{ text: '+188', top: '10%', fontColor: '#FF2C29', fontSize: '40px' }], background: '#FAF9F0' }, //2 |
|
|
|
{ fonts: [{ text: '+588', top: '10%', fontColor: '#FF2C29', fontSize: '40px' }], background: '#F5D7AD' }, //3 |
|
|
|
{ fonts: [{ text: '+88', top: '10%', fontColor: '#FF2C29', fontSize: '40px' }], background: '#FAF9F0' }, //4 |
|
|
|
{ fonts: [{ text: '+688', top: '10%', fontColor: '#FF2C29', fontSize: '40px' }], background: '#F5D7AD' }, //5 |
|
|
|
{ fonts: [{ text: '+888', top: '10%', fontColor: '#FF2C29', fontSize: '40px' }], background: '#FAF9F0' }, //6 |
|
|
|
{ fonts: [{ text: '+88', top: '10%', fontColor: '#FF2C29', fontSize: '40px' }], background: '#F5D7AD' }, //7 |
|
|
|
{ fonts: [{ text: '188', top: '10%', fontColor: '#FF2C29', fontSize: '40px' }], background: '#FAF9F0' }, //0 |
|
|
|
{ fonts: [{ text: '88', top: '10%', fontColor: '#FF2C29', fontSize: '40px' }], background: '#F5D7AD' }, //1 |
|
|
|
{ fonts: [{ text: '188', top: '10%', fontColor: '#FF2C29', fontSize: '40px' }], background: '#FAF9F0' }, //2 |
|
|
|
{ fonts: [{ text: '588', top: '10%', fontColor: '#FF2C29', fontSize: '40px' }], background: '#F5D7AD' }, //3 |
|
|
|
{ fonts: [{ text: '88', top: '10%', fontColor: '#FF2C29', fontSize: '40px' }], background: '#FAF9F0' }, //4 |
|
|
|
{ fonts: [{ text: '688', top: '10%', fontColor: '#FF2C29', fontSize: '40px' }], background: '#F5D7AD' }, //5 |
|
|
|
{ fonts: [{ text: '888', top: '10%', fontColor: '#FF2C29', fontSize: '40px' }], background: '#FAF9F0' }, //6 |
|
|
|
{ fonts: [{ text: '88', top: '10%', fontColor: '#FF2C29', fontSize: '40px' }], background: '#F5D7AD' }, //7 |
|
|
|
]) |
|
|
|
const blocks = ref([{ padding: '13px', background: ' #FF2A00' }]) |
|
|
|
const buttons = ref([{ |
|
|
@ -100,7 +100,7 @@ function endCallback(prize) { |
|
|
|
showPopup.value = true; |
|
|
|
// 设置弹窗内容 |
|
|
|
setTimeout(() => { |
|
|
|
popupMessage.value= `${result}金币`; |
|
|
|
popupMessage.value= `${result}`; |
|
|
|
}, 1000); // <--- 正确的用法 |
|
|
|
|
|
|
|
showPopup.value = true; |
|
|
@ -252,7 +252,7 @@ onMounted(() => { |
|
|
|
} |
|
|
|
|
|
|
|
.full-background { |
|
|
|
background-image: url('/public/bg.jpg'); |
|
|
|
background-image: url('/public/bg.png'); |
|
|
|
background-size: cover; |
|
|
|
background-repeat: no-repeat; |
|
|
|
background-position: center; |
|
|
|