genggai

src/views/DZP1.vue

@@ -25,7 +25,7 @@ const blocks = ref([{ padding: '13px', background: '	#FF2A00' }])
 const buttons = ref([{
     radius: '35%',
     imgs: [{
-        src: 'src/assets/img/jiantou.png',
+        src: jiantou,
         width: '100%',
         top: '-130%'
     }],
@@ -95,7 +95,7 @@ const animateScoreChange = () => {
 
 <template>
     <div class="full-background">
-        <img :src="jiantou" alt="111">
+        <!-- <img :src="jiantou" alt="111"> -->
         <div class="art-text" :class="{ 'score-change': scoreAnimation }">
             {{ totalScore }}金币
         </div>
@@ -161,7 +161,7 @@ const animateScoreChange = () => {
 
     /* 背景图配置 */
     background:
-        url('tanchuang.png') center/contain no-repeat;
+        url('/public/tanchuang.png') center/contain no-repeat;
     padding: 120px 80px;
     /* 根据图片留出边距 */
 
@@ -224,7 +224,7 @@ const animateScoreChange = () => {
 }
 
 .full-background {
-    background-image: url('bg.png');
+    background-image: url('/public/bg.png');
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;

src/views/DZP2.vue

@@ -24,7 +24,7 @@ const blocks = ref([{ padding: '13px', background: '	#FF2A00' }])
 const buttons = ref([{
     radius: '35%',
     imgs: [{
-        src: 'src/assets/img/j.png',
+        src: j,
         width: '100%',
         top: '-130%'
     }],
@@ -84,7 +84,7 @@ function endCallback(prize) {
 
     /* 背景图配置 */
     background:
-        url('tanchaung.png') center/contain no-repeat;
+        ('/public/tanchaung.png') center/contain no-repeat;
     padding: 240px 160px;
     /* 根据图片留出边距 */
 
@@ -143,7 +143,7 @@ function endCallback(prize) {
 }
 
 .full-background {
-    background-image: url('bg2.jpg');
+    background-image: url('/public/bg2.jpg');
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
@@ -174,7 +174,7 @@ function endCallback(prize) {
 
 /* 转盘底的样式 */
 .wheel-base2 {
-    background-image: url('wheel-base2.png');
+    background-image: url('/public/wheel-base2.png');
     position: fixed;
     left: 750px;
     top: 395px;
@@ -184,7 +184,7 @@ function endCallback(prize) {
 
 }
 .pan {
-    background-image: url('pan.png');
+    background-image: url('/public/pan.png');
     position: fixed;
     left: 822px;
     top: 460px;

vite.config.js

@@ -21,5 +21,6 @@ export default defineConfig({
       "/@": resolve(__dirname, "src"), // 
     }
   },
-  base: process.env.NODE_ENV === "production" ? "./" : "/",
+  base: process.env.NODE_ENV === "production" ? "/dazhuanpan" : "/",
+  
 })