feats

src/pages/index.vue

     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

 
 <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

 
 <style lang="less" scoped>
 .pg2 {
-  background-image: url('./images/pg2/BG.jpg');
+  background-image: url('/images/pg2/BG.jpg');
   background-size:100% 100%;
 
   .cloud1 {
     right: -10px;
     z-index: 0;
     
-    background-image: url('./images/pg2/云1.png');
+    background-image: url('/images/pg2/云1.png');
     background-size:100% 100%;
   }
 
     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

 <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

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