diff --git a/public/bg.png b/public/bg.png index 8dd38a3..7f9959a 100644 Binary files a/public/bg.png and b/public/bg.png differ diff --git a/public/bg2.png b/public/bg2.png deleted file mode 100644 index cbd8290..0000000 Binary files a/public/bg2.png and /dev/null differ diff --git a/public/tanchuang1.png b/public/tanchuang1.png new file mode 100644 index 0000000..ef85d1e Binary files /dev/null and b/public/tanchuang1.png differ diff --git a/public/wheel-base1.png b/public/wheel-base1.png new file mode 100644 index 0000000..a1649d8 Binary files /dev/null and b/public/wheel-base1.png differ diff --git a/src/router/index.js b/src/router/index.js index c4873eb..812f5c4 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -2,18 +2,18 @@ import { createRouter, createWebHistory } from 'vue-router' const routes = [ { path: '/', - redirect: '/DZP1' - }, - { - path: '/DZP1', - name: 'DZP1', - component: () => import('../views/DZP1.vue') + redirect: '/DZP3' }, { path: '/DZP2', name: 'DZP2', component: () => import('../views/DZP2.vue') }, + { + path: '/DZP3', + name: 'DZP3', + component: () => import('../views/DZP3.vue') + }, ] // 创建路由实例 const router = createRouter({ diff --git a/src/views/DZP1.vue b/src/views/DZP3.vue similarity index 84% rename from src/views/DZP1.vue rename to src/views/DZP3.vue index 1e519b5..4ef5948 100644 --- a/src/views/DZP1.vue +++ b/src/views/DZP3.vue @@ -15,14 +15,14 @@ const isSpinning = ref(false) const wheelConfig = ref({ }) const prizes = ref([ - { fonts: [{ text: '-199', top: '10%', fontColor: '#FF2C29', fontSize: '40px' }], background: '#FAF9F0' }, //0 - { fonts: [{ text: '-55', top: '10%', fontColor: '#FF2C29', fontSize: '40px' }], background: '#F5D7AD' }, //1 - { fonts: [{ text: '+200', top: '10%', fontColor: '#FF2C29', fontSize: '40px' }], background: '#FAF9F0' }, //2 - { fonts: [{ text: '-88', top: '10%', fontColor: '#FF2C29', fontSize: '40px' }], background: '#F5D7AD' }, //3 - { fonts: [{ text: '-11', top: '10%', fontColor: '#FF2C29', fontSize: '40px' }], background: '#FAF9F0' }, //4 - { fonts: [{ text: '-299', top: '10%', fontColor: '#FF2C29', fontSize: '40px' }], background: '#F5D7AD' }, //5 - { fonts: [{ text: '+200', top: '10%', fontColor: '#FF2C29', fontSize: '40px' }], background: '#FAF9F0' }, //6 - { fonts: [{ text: '-66', top: '10%', fontColor: '#FF2C29', fontSize: '40px' }], background: '#F5D7AD' }, //7 + { fonts: [{ text: '+200', top: '10%', fontColor: '#FF2C29', fontSize: '40px' }], background: '#FAF9F0' }, //0 + { fonts: [{ text: '+99', top: '10%', fontColor: '#FF2C29', fontSize: '40px' }], background: '#F5D7AD' }, //1 + { fonts: [{ text: '-300', top: '10%', fontColor: '#FF2C29', fontSize: '40px' }], background: '#FAF9F0' }, //2 + { fonts: [{ text: '-200', top: '10%', fontColor: '#FF2C29', fontSize: '40px' }], background: '#F5D7AD' }, //3 + { fonts: [{ text: '-100', top: '10%', fontColor: '#FF2C29', fontSize: '40px' }], background: '#FAF9F0' }, //4 + { fonts: [{ text: '+300', top: '10%', fontColor: '#FF2C29', fontSize: '40px' }], background: '#F5D7AD' }, //5 + { fonts: [{ text: '+55', top: '10%', fontColor: '#FF2C29', fontSize: '40px' }], background: '#FAF9F0' }, //6 + { fonts: [{ text: '-400', top: '10%', fontColor: '#FF2C29', fontSize: '40px' }], background: '#F5D7AD' }, //7 ]) const blocks = ref([{ padding: '13px', background: ' #FF2A00' }]) const buttons = ref([{ @@ -39,12 +39,12 @@ const buttons = ref([{ }]) //自定义数组 -const customOrder = ref([0, 4, 3, 1, 2, 4, 5, 7, 3, 4, 0]) +const customOrder = ref([1, 2, 4, 0, 3, 6, 4, 5, 4, 0, 7,1,0]) let orderIndex = 0; function startCallback() { // 检查转动条件和次数 - if (spinCount.value >= 11) { // 从0开始计数,11表示第12次 + if (spinCount.value >= 13) { // 从0开始计数,11表示第12次 alert('已达最大转动次数!') return } @@ -115,9 +115,6 @@ onMounted(() => {