zp2

src/router/index.js

@@ -2,12 +2,12 @@ import { createRouter, createWebHistory } from 'vue-router'
 const routes = [
     {
         path: '/',
-        redirect: '/DZP'
+        redirect: '/DZP2'
     },
     {
-        path: '/DZP',
-        name: 'DZP',
-        component: () => import('../views/DZP.vue')
+        path: '/DZP2',
+        name: 'DZP2',
+        component: () => import('../views/DZP2.vue')
     },
 ]
 // 创建路由实例

src/views/DZP.vue → src/views/DZP2.vue

@@ -1,7 +1,7 @@
 <script setup>
 
 import { ref, onBeforeMount,onMounted } from 'vue'
-import jiantou from '../assets/img/jiantou.png'
+import j from '../assets/img/j.png'
 
 const showPopup = ref(false);
 const popupMessage = ref('');
@@ -64,7 +64,7 @@ function endCallback(prize) {
                 :prizes="prizes" :blocks="blocks" :buttons="buttons" @start="startCallback" @end="endCallback" />
 
         </div>
-        <div class="wheel-base" >
+        <div class="wheel-base2" >
         </div>
 
     </div>
@@ -143,7 +143,7 @@ function endCallback(prize) {
 }
 
 .full-background {
-    background-image: url('bg.jpg');
+    background-image: url('bg2.jpg');
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
@@ -173,8 +173,8 @@ function endCallback(prize) {
 }
 
 /* 转盘底的样式 */
-.wheel-base {
-    background-image: url('wheel-base.png');
+.wheel-base2 {
+    background-image: url('wheel-base2.png');
     position: fixed;
     left: 750px;
     top: 395px;