2 次代碼提交 5a16e4b426 ... 25ad5c1ed4

作者 SHA1 備註 提交日期
  aamin 25ad5c1ed4 perf:缩小图片内存大小,提高图片加载速度 1 年之前
  aamin 94cde73f35 perf:缩小图片内存大小,加快图片加载 1 年之前

+ 63 - 63
src/assets/data/Model/index.ts

@@ -1,3 +1,4 @@
+export const baseURL = "https://houseoss.4dkankan.com/project/yifangyice2";
 const ModelList = [
   {
     name: "天主堂",
@@ -102,11 +103,11 @@ const ModelList = [
     viewTop: "30%",
     viewLeft: "72%",
     swiperImage: [
-      "./image/swiperImage/天主堂/DJI_0312.JPG",
-      "./image/swiperImage/天主堂/DJI_0313.JPG",
-      "./image/swiperImage/天主堂/DJI_0314.JPG",
-      "./image/swiperImage/天主堂/DJI_0315.JPG",
-      "./image/swiperImage/天主堂/DJI_0317.JPG",
+      `${baseURL}/image/swiperImage/天主堂/DJI_0312.JPG`,
+      `${baseURL}/image/swiperImage/天主堂/DJI_0313.JPG`,
+      `${baseURL}/image/swiperImage/天主堂/DJI_0314.JPG`,
+      `${baseURL}/image/swiperImage/天主堂/DJI_0315.JPG`,
+      `${baseURL}/image/swiperImage/天主堂/DJI_0317.JPG`,
     ],
   },
   {
@@ -212,12 +213,12 @@ const ModelList = [
     viewTop: "25%",
     viewLeft: "50%",
     swiperImage: [
-      "./image/swiperImage/老芜湖海关/DJI_0296.JPG",
-      "./image/swiperImage/老芜湖海关/DJI_0298.JPG",
-      "./image/swiperImage/老芜湖海关/DJI_0299.JPG",
-      "./image/swiperImage/老芜湖海关/DJI_0300.JPG",
-      "./image/swiperImage/老芜湖海关/DJI_0301.JPG",
-      "./image/swiperImage/老芜湖海关/DJI_0302.JPG",
+      `${baseURL}/image/swiperImage/老芜湖海关/DJI_0296.JPG`,
+      `${baseURL}/image/swiperImage/老芜湖海关/DJI_0298.JPG`,
+      `${baseURL}/image/swiperImage/老芜湖海关/DJI_0299.JPG`,
+      `${baseURL}/image/swiperImage/老芜湖海关/DJI_0300.JPG`,
+      `${baseURL}/image/swiperImage/老芜湖海关/DJI_0301.JPG`,
+      `${baseURL}/image/swiperImage/老芜湖海关/DJI_0302.JPG`,
     ],
   },
   {
@@ -323,9 +324,9 @@ const ModelList = [
     viewTop: "45%",
     viewLeft: "67%",
     swiperImage: [
-      "./image/swiperImage/英驻芜领事官邸旧址/DJI_0345.JPG",
-      "./image/swiperImage/英驻芜领事官邸旧址/DJI_0344.JPG",
-      "./image/swiperImage/英驻芜领事官邸旧址/DJI_0346.JPG",
+      `${baseURL}/image/swiperImage/英驻芜领事官邸旧址/DJI_0345.JPG`,
+      `${baseURL}/image/swiperImage/英驻芜领事官邸旧址/DJI_0344.JPG`,
+      `${baseURL}/image/swiperImage/英驻芜领事官邸旧址/DJI_0346.JPG`,
     ],
   },
   {
@@ -431,9 +432,9 @@ const ModelList = [
     viewTop: "52%",
     viewLeft: "56%",
     swiperImage: [
-      "./image/swiperImage/英驻芜领事署旧址/DJI_0358.JPG",
-      "./image/swiperImage/英驻芜领事署旧址/DJI_0360.JPG",
-      "./image/swiperImage/英驻芜领事署旧址/DJI_0355.JPG",
+      `${baseURL}/image/swiperImage/英驻芜领事署旧址/DJI_0358.JPG`,
+      `${baseURL}/image/swiperImage/英驻芜领事署旧址/DJI_0360.JPG`,
+      `${baseURL}/image/swiperImage/英驻芜领事署旧址/DJI_0355.JPG`,
     ],
   },
   {
@@ -539,9 +540,8 @@ const ModelList = [
     viewTop: "30%",
     viewLeft: "59%",
     swiperImage: [
-      "./image/swiperImage/总税务司公所旧址/DJI_0363.JPG",
-      "./image/swiperImage/总税务司公所旧址/DJI_0362.JPG",
-      "./image/swiperImage/总税务司公所旧址/DJI_0435.DNG",
+      `${baseURL}/image/swiperImage/总税务司公所旧址/DJI_0363.JPG`,
+      `${baseURL}/image/swiperImage/总税务司公所旧址/DJI_0362.JPG`,
     ],
   },
   {
@@ -647,11 +647,11 @@ const ModelList = [
     viewTop: "52%",
     viewLeft: "62%",
     swiperImage: [
-      "./image/swiperImage/洋员帮办楼旧址/DJI_0348.JPG",
-      "./image/swiperImage/洋员帮办楼旧址/DJI_0350.JPG",
-      "./image/swiperImage/洋员帮办楼旧址/DJI_0352.JPG",
-      "./image/swiperImage/洋员帮办楼旧址/DJI_0353.JPG",
-      "./image/swiperImage/洋员帮办楼旧址/DJI_0354.JPG",
+      `${baseURL}/image/swiperImage/洋员帮办楼旧址/DJI_0348.JPG`,
+      `${baseURL}/image/swiperImage/洋员帮办楼旧址/DJI_0350.JPG`,
+      `${baseURL}/image/swiperImage/洋员帮办楼旧址/DJI_0352.JPG`,
+      `${baseURL}/image/swiperImage/洋员帮办楼旧址/DJI_0353.JPG`,
+      `${baseURL}/image/swiperImage/洋员帮办楼旧址/DJI_0354.JPG`,
     ],
   },
   {
@@ -759,14 +759,14 @@ const ModelList = [
     viewTop: "30%",
     viewLeft: "65%",
     swiperImage: [
-      "./image/swiperImage/神父楼旧址/DJI_0320.JPG",
-      "./image/swiperImage/神父楼旧址/DJI_0321.JPG",
-      "./image/swiperImage/神父楼旧址/DJI_0324.JPG",
-      "./image/swiperImage/神父楼旧址/DJI_0325.JPG",
-      "./image/swiperImage/神父楼旧址/DJI_0331.JPG",
-      "./image/swiperImage/神父楼旧址/DJI_0332.JPG",
-      "./image/swiperImage/神父楼旧址/DJI_0333.JPG",
-      "./image/swiperImage/神父楼旧址/DJI_0334.JPG",
+      `${baseURL}/image/swiperImage/神父楼旧址/DJI_0320.JPG`,
+      `${baseURL}/image/swiperImage/神父楼旧址/DJI_0321.JPG`,
+      `${baseURL}/image/swiperImage/神父楼旧址/DJI_0324.JPG`,
+      `${baseURL}/image/swiperImage/神父楼旧址/DJI_0325.JPG`,
+      `${baseURL}/image/swiperImage/神父楼旧址/DJI_0331.JPG`,
+      `${baseURL}/image/swiperImage/神父楼旧址/DJI_0332.JPG`,
+      `${baseURL}/image/swiperImage/神父楼旧址/DJI_0333.JPG`,
+      `${baseURL}/image/swiperImage/神父楼旧址/DJI_0334.JPG`,
     ],
   },
   {
@@ -872,9 +872,9 @@ const ModelList = [
     viewTop: "17%",
     viewLeft: "34%",
     swiperImage: [
-      "./image/swiperImage/天主教主教公署旧址/DJI_0383.JPG",
-      "./image/swiperImage/天主教主教公署旧址/DJI_0385.JPG",
-      "./image/swiperImage/天主教主教公署旧址/DJI_0386.JPG",
+      `${baseURL}/image/swiperImage/天主教主教公署旧址/DJI_0383.JPG`,
+      `${baseURL}/image/swiperImage/天主教主教公署旧址/DJI_0385.JPG`,
+      `${baseURL}/image/swiperImage/天主教主教公署旧址/DJI_0386.JPG`,
     ],
   },
   {
@@ -982,9 +982,9 @@ const ModelList = [
     viewTop: "13%",
     viewLeft: "44%",
     swiperImage: [
-      "./image/swiperImage/圣母院/DJI_0381.JPG",
-      "./image/swiperImage/圣母院/DJI_0379.JPG",
-      "./image/swiperImage/圣母院/DJI_0380.JPG",
+      `${baseURL}/image/swiperImage/圣母院/DJI_0381.JPG`,
+      `${baseURL}/image/swiperImage/圣母院/DJI_0379.JPG`,
+      `${baseURL}/image/swiperImage/圣母院/DJI_0380.JPG`,
     ],
   },
   {
@@ -1090,10 +1090,10 @@ const ModelList = [
     viewTop: "30%",
     viewLeft: "40%",
     swiperImage: [
-      "./image/swiperImage/天主教修士楼旧址/DJI_0438.JPG",
-      "./image/swiperImage/天主教修士楼旧址/DJI_0439.JPG",
-      "./image/swiperImage/天主教修士楼旧址/DJI_0441.JPG",
-      "./image/swiperImage/天主教修士楼旧址/DJI_0442.JPG",
+      `${baseURL}/image/swiperImage/天主教修士楼旧址/DJI_0438.JPG`,
+      `${baseURL}/image/swiperImage/天主教修士楼旧址/DJI_0439.JPG`,
+      `${baseURL}/image/swiperImage/天主教修士楼旧址/DJI_0441.JPG`,
+      `${baseURL}/image/swiperImage/天主教修士楼旧址/DJI_0442.JPG`,
     ],
   },
 
@@ -1200,11 +1200,11 @@ const ModelList = [
     viewTop: "36%",
     viewLeft: "76%",
     swiperImage: [
-      "./image/swiperImage/内思高级工业职业学校旧址/DJI_0337.JPG",
-      "./image/swiperImage/内思高级工业职业学校旧址/DJI_0335.JPG",
-      "./image/swiperImage/内思高级工业职业学校旧址/DJI_0338.JPG",
-      "./image/swiperImage/内思高级工业职业学校旧址/DJI_0341.JPG",
-      "./image/swiperImage/内思高级工业职业学校旧址/DJI_0343.JPG",
+      `${baseURL}/image/swiperImage/内思高级工业职业学校旧址/DJI_0337.JPG`,
+      `${baseURL}/image/swiperImage/内思高级工业职业学校旧址/DJI_0335.JPG`,
+      `${baseURL}/image/swiperImage/内思高级工业职业学校旧址/DJI_0338.JPG`,
+      `${baseURL}/image/swiperImage/内思高级工业职业学校旧址/DJI_0341.JPG`,
+      `${baseURL}/image/swiperImage/内思高级工业职业学校旧址/DJI_0343.JPG`,
     ],
   },
   {
@@ -1310,10 +1310,10 @@ const ModelList = [
     viewTop: "33%",
     viewLeft: "40%",
     swiperImage: [
-      "./image/swiperImage/博仁堂/DJI_0430.JPG",
-      "./image/swiperImage/博仁堂/DJI_0431.JPG",
-      "./image/swiperImage/博仁堂/DJI_0432.JPG",
-      "./image/swiperImage/博仁堂/DJI_0429.JPG",
+      `${baseURL}/image/swiperImage/博仁堂/DJI_0430.JPG`,
+      `${baseURL}/image/swiperImage/博仁堂/DJI_0431.JPG`,
+      `${baseURL}/image/swiperImage/博仁堂/DJI_0432.JPG`,
+      `${baseURL}/image/swiperImage/博仁堂/DJI_0429.JPG`,
     ],
   },
   {
@@ -1419,8 +1419,8 @@ const ModelList = [
     viewTop: "33%",
     viewLeft: "35%",
     swiperImage: [
-      "./image/swiperImage/义徳堂/DJI_0433.JPG",
-      "./image/swiperImage/义徳堂/DJI_0434.JPG",
+      `${baseURL}/image/swiperImage/义徳堂/DJI_0433.JPG`,
+      `${baseURL}/image/swiperImage/义徳堂/DJI_0434.JPG`,
     ],
   },
   {
@@ -1526,8 +1526,8 @@ const ModelList = [
     viewTop: "17%",
     viewLeft: "34%",
     swiperImage: [
-      "./image/swiperImage/经方堂/DJI_0435.JPG",
-      "./image/swiperImage/经方堂/DJI_0436.JPG",
+      `${baseURL}/image/swiperImage/经方堂/DJI_0435.JPG`,
+      `${baseURL}/image/swiperImage/经方堂/DJI_0436.JPG`,
     ],
   },
   {
@@ -1633,13 +1633,13 @@ const ModelList = [
     viewTop: "55%",
     viewLeft: "34%",
     swiperImage: [
-      "./image/swiperImage/广济寺塔/DJI_0416.JPG",
-      "./image/swiperImage/广济寺塔/DJI_0414.JPG",
-      "./image/swiperImage/广济寺塔/DJI_0415.JPG",
-      "./image/swiperImage/广济寺塔/DJI_0417.JPG",
-      "./image/swiperImage/广济寺塔/DJI_0419.JPG",
-      "./image/swiperImage/广济寺塔/DJI_0425.JPG",
-      "./image/swiperImage/广济寺塔/DJI_0426.JPG",
+      `${baseURL}/image/swiperImage/广济寺塔/DJI_0416.JPG`,
+      `${baseURL}/image/swiperImage/广济寺塔/DJI_0414.JPG`,
+      `${baseURL}/image/swiperImage/广济寺塔/DJI_0415.JPG`,
+      `${baseURL}/image/swiperImage/广济寺塔/DJI_0417.JPG`,
+      `${baseURL}/image/swiperImage/广济寺塔/DJI_0419.JPG`,
+      `${baseURL}/image/swiperImage/广济寺塔/DJI_0425.JPG`,
+      `${baseURL}/image/swiperImage/广济寺塔/DJI_0426.JPG`,
     ],
   },
 ];

二進制
src/assets/img/home/DJI_0298.jpg


二進制
src/assets/img/home/DJI_0337.jpg


二進制
src/assets/img/home/DJI_0337.png


二進制
src/assets/img/home/DJI_0420.jpg


二進制
src/assets/img/home/borentang.jpg


二進制
src/assets/img/home/guandi.jpg


二進制
src/assets/img/home/guandi.png


二進制
src/assets/img/home/haiguan.jpg


二進制
src/assets/img/home/img-down1.png


二進制
src/assets/img/home/img-down2.png


二進制
src/assets/img/home/img-down3.png


二進制
src/assets/img/home/img-up1.jpg


二進制
src/assets/img/home/img-up2.jpg


二進制
src/assets/img/home/jiaogonshu.jpg


二進制
src/assets/img/home/jingfangtang.jpg


二進制
src/assets/img/home/lingshishu.jpg


二進制
src/assets/img/home/shenfu.jpg


二進制
src/assets/img/home/shengmuyuan.jpg


二進制
src/assets/img/home/tianzhutang.jpg


二進制
src/assets/img/home/xiushilou.jpg


二進制
src/assets/img/home/yangyuan.jpg


二進制
src/assets/img/home/yidetang.jpg


二進制
src/assets/img/home/zongshuiwu.jpg


+ 15 - 15
src/data/home/index.ts

@@ -2,79 +2,79 @@ const imageList = [
   // 内....
   {
     upCoverageURL: "img-up1.png",
-    downCoverageURL: "DJI_0337.png",
+    downCoverageURL: "DJI_0337.jpg",
   },
   // 广济寺塔
   {
     upCoverageURL: "img-up2.png",
-    downCoverageURL: "DJI_0420.png",
+    downCoverageURL: "DJI_0420.jpg",
   },
 
   // 天主堂
   {
     upCoverageURL: "img-up2.png",
-    downCoverageURL: "tianzhutang.png",
+    downCoverageURL: "tianzhutang.jpg",
   },
   // 英驻芜领事署
   {
     upCoverageURL: "img-up1.png",
-    downCoverageURL: "lingshishu.png",
+    downCoverageURL: "lingshishu.jpg",
   },
   // 老海关
   {
     upCoverageURL: "img-up1.png",
-    downCoverageURL: "haiguan.png",
+    downCoverageURL: "haiguan.jpg",
   },
 
   // 博仁堂
   {
     upCoverageURL: "img-up2.png",
-    downCoverageURL: "borentang.png",
+    downCoverageURL: "borentang.jpg",
   },
   // 英驻芜领事官邸
   {
     upCoverageURL: "img-up1.png",
-    downCoverageURL: "guandi.png",
+    downCoverageURL: "guandi.jpg",
   },
   // 神父楼
   {
     upCoverageURL: "img-up1.png",
-    downCoverageURL: "shenfu.png",
+    downCoverageURL: "shenfu.jpg",
   },
   // 总税务司
   {
     upCoverageURL: "img-up1.png",
-    downCoverageURL: "zongshuiwu.png",
+    downCoverageURL: "zongshuiwu.jpg",
   },
   // 义德tang
   {
     upCoverageURL: "img-up1.png",
-    downCoverageURL: "xiushilou.png",
+    downCoverageURL: "xiushilou.jpg",
   },
   // 义德tang
   {
     upCoverageURL: "img-up1.png",
-    downCoverageURL: "jingfangtang.png",
+    downCoverageURL: "jingfangtang.jpg",
   },
   // 圣母院
   {
     upCoverageURL: "img-up1.png",
-    downCoverageURL: "shengmuyuan.png",
+    downCoverageURL: "shengmuyuan.jpg",
   },
   // 洋员帮办
   {
     upCoverageURL: "img-up2.png",
-    downCoverageURL: "yangyuan.png",
+    downCoverageURL: "yangyuan.jpg",
   },
   // 天主教公署
   {
     upCoverageURL: "img-up2.png",
-    downCoverageURL: "jiaogonshu.png",
+    downCoverageURL: "jiaogonshu.jpg",
   },
   // 义德tang
   {
     upCoverageURL: "img-up1.png",
-    downCoverageURL: "yidetang.png",
+    downCoverageURL: "yidetang.jpg",
   },
   
 ];

+ 3 - 3
src/view/bldgMap/index.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import "swiper/swiper-bundle.css";
 import Tabbar from "@/components/Tabbar.vue";
-import ModelList from "@/assets/data/Model";
+import ModelList, { baseURL } from "@/assets/data/Model";
 import Swiper from "swiper";
-import MapData from "@/assets/data/home/index";
+// import { baseURL } from "@/assets/data/Model";
 
 import DownIcon from "@/assets/img/map/down.png";
 import UpIcon from "@/assets/img/map/up.png";
@@ -138,7 +138,7 @@ onMounted(() => {
             <!-- 边框图片 -->
             <img
               class="border-img"
-              :src="`https://houseoss.4dkankan.com/project/yifangyice2/thumbnail/border.png`"
+              :src="`${baseURL}/thumbnail/border.png`"
               alt=""
             />
             <!-- 普通图片 -->

+ 2 - 1
src/view/bldgVideo/detail/index.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { baseURL } from '@/assets/data/Model';
 const route = useRoute();
 const currentVedioName = ref("");
 onMounted(() => {
@@ -10,7 +11,7 @@ onMounted(() => {
   <div class="detail">
     <video
       class="vedio"
-      :src="`https://houseoss.4dkankan.com/project/yifangyice2/audio/${currentVedioName}.mp4`"
+      :src="`${baseURL}/audio/${currentVedioName}.mp4`"
       controls
     ></video>
   </div>

+ 3 - 3
src/view/bldgVideo/index.vue

@@ -2,7 +2,7 @@
 import Tabbar from "@/components/Tabbar.vue";
 import Swiper from "swiper";
 import "swiper/swiper-bundle.css";
-import ModelList from "@/assets/data/Model";
+import ModelList, { baseURL } from "@/assets/data/Model";
 
 import Page from "@/assets/img/map/page.png";
 import PageAc from "@/assets/img/map/pageAc.png";
@@ -133,7 +133,7 @@ watch(currentIndex, (newVale: any) => {
               <!-- 边框图片 -->
               <img
                 class="border-img"
-                :src="`https://houseoss.4dkankan.com/project/yifangyice2/thumbnail/border.png`"
+                :src="`${baseURL}/thumbnail/border.png`"
                 alt=""
               />
               <!-- 普通图片 -->
@@ -174,7 +174,7 @@ watch(currentIndex, (newVale: any) => {
               }"
             >
               <img
-                :src="`https://houseoss.4dkankan.com/project/yifangyice2/image/module/${item.code}.png`"
+                :src="`${baseURL}/image/module/${item.code}.png`"
                 alt=""
               />
             </div>