feats

src/pages/index.vue

@@ -33,7 +33,7 @@ onMounted(() => {
     right: 20px;
     width: 36px;
     height: 36px;
-    background-image: url('./images/pg1/音乐按钮.png');
+    background-image: url('/images/pg1/音乐按钮.png');
     background-size:100% 100%;
     z-index: 100;
   }

src/pages/pg1/index.vue

@@ -24,7 +24,7 @@
 
 <style lang="less" scoped>
 .pg1 {
-  background-image: url('./images/pg1/BG.png');
+  background-image: url('/images/pg1/BG.png');
   background-size:100% 100%;
 
   .logo {

src/pages/pg2/index.vue

@@ -29,7 +29,7 @@ import Smoke from './smoke.vue';
 
 <style lang="less" scoped>
 .pg2 {
-  background-image: url('./images/pg2/BG.jpg');
+  background-image: url('/images/pg2/BG.jpg');
   background-size:100% 100%;
 
   .cloud1 {
@@ -39,7 +39,7 @@ import Smoke from './smoke.vue';
     right: -10px;
     z-index: 0;
     
-    background-image: url('./images/pg2/云1.png');
+    background-image: url('/images/pg2/云1.png');
     background-size:100% 100%;
   }
 
@@ -50,7 +50,7 @@ import Smoke from './smoke.vue';
     left: -10vw;
     z-index: 0;
     
-    background-image: url('./images/pg2/云2.png');
+    background-image: url('/images/pg2/云2.png');
     background-size:100% 100%;
   }
 

src/pages/pg3/flower1.vue

@@ -22,7 +22,7 @@
 <style lang="less" scoped>
 .flower1 {
   position: relative;
-  background-image: url(./images/pg3/花朵.png);
+  background-image: url(/images/pg3/花朵.png);
   background-size: 100% 100%;
 
   & > div {

src/pages/pg3/index.vue

@@ -72,7 +72,7 @@ onBeforeUnmount(() => {
 
 <style lang="less" scoped>
 .pg3 {
-  background-image: url('./images/pg3/BG.png');
+  background-image: url('/images/pg3/BG.png');
   background-size:100% 100%;
 
   .logo {