diff --git a/public/bg.jpg b/public/bg.jpg deleted file mode 100644 index 0c49d54..0000000 Binary files a/public/bg.jpg and /dev/null differ diff --git a/public/bg.png b/public/bg.png new file mode 100644 index 0000000..50fd163 Binary files /dev/null and b/public/bg.png differ diff --git a/src/views/DZP3.vue b/src/views/DZP3.vue index 2b5e2de..81f673b 100644 --- a/src/views/DZP3.vue +++ b/src/views/DZP3.vue @@ -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;