1

src/assets/style/index.css

@@ -185,7 +185,7 @@ body {
   }
   
   .chapter {
-    background-image: url(./img/webp/chapterunit/chapter-bg.webp);
+    background-image: url(/img/webp/chapterunit/chapter-bg.webp);
   }
   .chapter .box {
     display: -webkit-box;
@@ -230,7 +230,7 @@ body {
   }
   
   .unit {
-    background-image: url(./img/webp/chapterunit/unit-bg.webp);
+    background-image: url(/img/webp/chapterunit/unit-bg.webp);
   }
   .unit .box {
     padding-top: 15vh;
@@ -288,7 +288,7 @@ body {
   }
   #fullPage-nav li a.active span {
     background: none;
-    background: url(./img/webp/navicon-active.webp) no-repeat center/contain;
+    background: url(/img/webp/navicon-active.webp) no-repeat center/contain;
   }
   #fullPage-nav li:after {
     content: "";
@@ -298,14 +298,14 @@ body {
     width: 100%;
     margin-left: -0.15rem;
     height: 0.2rem;
-    background: url(./img/webp/nav-bg.webp) no-repeat center/auto 100%;
+    background: url(/img/webp/nav-bg.webp) no-repeat center/auto 100%;
   }
   #fullPage-nav li:last-child:after {
     display: none;
   }
   #fullPage-nav span {
     border: 0;
-    background: url(./img/webp/navicon.webp) no-repeat center/contain;
+    background: url(/img/webp/navicon.webp) no-repeat center/contain;
     width: 0.3rem;
     height: 0.3rem;
     top: 0;
@@ -313,7 +313,7 @@ body {
   }
   
   .section-erweima {
-    background-image: url(./img/webp/ewm-bg.webp);
+    background-image: url(/img/webp/ewm-bg.webp);
   }
   .section-erweima .box {
     height: 100%;
@@ -337,7 +337,7 @@ body {
     height: 6.375rem;
     margin-bottom: 1.5rem;
     display: block;
-    background: url(./img/webp/section1/logo.webp) no-repeat center/cover;
+    background: url(/img/webp/section1/logo.webp) no-repeat center/cover;
   }
   .section-erweima .ewmlist {
     margin-top: 8vh;
@@ -374,7 +374,7 @@ body {
     width: 1.625rem;
     height: 1.625rem;
     display: inline-block;
-    background: url(./img/webp/xnzt-btn.webp) no-repeat center/contain;
+    background: url(/img/webp/xnzt-btn.webp) no-repeat center/contain;
   }
   .section-erweima .infoicon {
     margin-top: 7vh;
@@ -701,7 +701,7 @@ body {
     top: 0;
     width: 100vw;
     height: 100vh;
-    background: url(./img/webp/ewm-bg.webp) no-repeat center/cover;
+    background: url(/img/webp/ewm-bg.webp) no-repeat center/cover;
     z-index: 999;
     display: -webkit-box;
     display: -ms-flexbox;
@@ -749,7 +749,7 @@ body {
     left: 0;
     width: 100%;
     height: 100%;
-    background: url(./img/webp/section1/section1-title.webp) no-repeat center/contain;
+    background: url(/img/webp/section1/section1-title.webp) no-repeat center/contain;
   }
   
   .wapbody .section-loading p {
@@ -779,7 +779,7 @@ body {
   .wapbody .section-loading .section1-wwbox .title2 {
     background-position: top;
     background-size: 80% auto;
-    background-image: url(./img/webp/wap/section1/section1-title.webp);
+    background-image: url(/img/webp/wap/section1/section1-title.webp);
   }
   
   .dialoghide {

src/assets/style/reset.css

@@ -670,7 +670,7 @@
   }
   
   .wwfirst {
-    background: url(./img/webp/wwfirst-bg.webp) no-repeat center/cover;
+    background: url(/img/webp/wwfirst-bg.webp) no-repeat center/cover;
   }
   .wwfirst > .box .wwbox img {
     width: 100%;
@@ -718,7 +718,7 @@
   .wsicon .inner {
     width: 4rem;
     height: 4rem;
-    background: url(./img/webp/wsicon-sec.webp) no-repeat center/contain;
+    background: url(/img/webp/wsicon-sec.webp) no-repeat center/contain;
     -webkit-animation: 2s linear 0s infinite normal none running PnBGOBaC;
     animation: 2s linear 0s infinite normal none running PnBGOBaC;
   }

src/pages/section26.vue

@@ -6,10 +6,10 @@
             <div class="wwintro1">北朝至唐早期</div>
           </div>
           <div class="wwmap hide">
-            <img src="./img/map/map-yljbxd.webp" alt="">
+            <img src="/img/map/map-yljbxd.webp" alt="">
           </div>
           <div class="wwbox fadeIn">
-            <img src="./img/webp/yljbdd-1.webp" alt="" style="transform: translateY(-14.1839px) translateX(31.3486px);">
+            <img src="/img/webp/yljbdd-1.webp" alt="" style="transform: translateY(-14.1839px) translateX(31.3486px);">
           </div>
           <div class="wwinfobox">
             <div class="wwinfo">陕西省考古研究院藏</div>

src/pages/section27.vue

@@ -9,10 +9,10 @@
             </div>
           </div>
           <div class="wwmap hide">
-            <img src="./img/map/map-cstydhg.webp" alt="">
+            <img src="/img/map/map-cstydhg.webp" alt="">
           </div>
           <div class="wwbox fadeIn">
-            <img src="./img/webp/cstythg-1.webp" alt="" style="transform: translateY(-13.8292px) translateX(30.7064px);">
+            <img src="/img/webp/cstythg-1.webp" alt="" style="transform: translateY(-13.8292px) translateX(30.7064px);">
           </div>
           <div class="wwinfobox bottom">
             <div class="wwinfo">无锡博物院藏</div>

src/pages/section28.vue

@@ -7,10 +7,10 @@
             <div class="wwintro2">公元1368-1644年</div>
           </div>
           <div class="wwmap hide">
-            <img src="./img/map/map-qbyteh.webp" alt="">
+            <img src="/img/map/map-qbyteh.webp" alt="">
           </div>
           <div class="wwbox fadeIn dialogimgbg wwbox-big">
-            <img src="./img/webp/qbyteh-1.webp" alt="" style="transform: translateY(-14.1086px) translateX(22.8165px);">
+            <img src="/img/webp/qbyteh-1.webp" alt="" style="transform: translateY(-14.1086px) translateX(22.8165px);">
             <div class="intro dialogbtn ytehdialog1">
               <div class="point"></div>
               <div class="inner" dataname="qbytdialog1"></div>

src/pages/section29.vue

@@ -10,10 +10,10 @@
             </div>
           </div>
           <div class="wwmap hide">
-            <img src="./img/map/map-tshdzb.webp" alt="">
+            <img src="/img/map/map-tshdzb.webp" alt="">
           </div>
           <div class="wwbox fadeIn">
-            <img src="./img/webp/tshdzb-1.webp" alt="" style="transform: translateY(-14.0144px) translateX(31.3028px);">
+            <img src="/img/webp/tshdzb-1.webp" alt="" style="transform: translateY(-14.0144px) translateX(31.3028px);">
           </div>
 
           <div class="wwinfobox">

src/pages/section31.vue

@@ -4,15 +4,15 @@
           <div class="logo"></div>
           <ul class="ewmlist">
             <li>
-              <img src="./img/webp/ewm-yy.webp" alt="">
+              <img src="/img/webp/ewm-yy.webp" alt="">
               <p>预约参观请扫码</p>
             </li>
             <li>
-              <img src="./img/webp/ewm-yrzh.webp" alt="">
+              <img src="/img/webp/ewm-yrzh.webp" alt="">
               <p>虚拟展厅二维码</p>
             </li>
             <li>
-              <img src="./img/webp/ewm-wx.webp" alt="">
+              <img src="/img/webp/ewm-wx.webp" alt="">
               <p>微信公众号</p>
             </li>
           </ul>

src/pages/section4.vue

@@ -30,7 +30,7 @@
 }
 .chapter {
   justify-content: flex-start;
-  background-image: url(./img/webp/chapterunit/chapter-bg.webp);
+  background-image: url(/img/webp/chapterunit/chapter-bg.webp);
   .box {
     display: -webkit-box;
     display: -ms-flexbox;

src/pages/section5.vue

@@ -30,7 +30,7 @@
 }
 
 .unit {
-  background-image: url(./img/webp/chapterunit/unit-bg.webp);
+  background-image: url(/img/webp/chapterunit/unit-bg.webp);
 }
 .unit .box {
   padding-top: 15vh;