소스 검색

perf:缩小图片内存大小,提高图片加载速度

aamin 1 년 전
부모
커밋
25ad5c1ed4

BIN
src/assets/img/home/DJI_0298.jpg


BIN
src/assets/img/home/DJI_0337.jpg


BIN
src/assets/img/home/DJI_0337.png


BIN
src/assets/img/home/DJI_0420.jpg


BIN
src/assets/img/home/borentang.jpg


BIN
src/assets/img/home/guandi.jpg


BIN
src/assets/img/home/guandi.png


BIN
src/assets/img/home/haiguan.jpg


BIN
src/assets/img/home/img-down1.png


BIN
src/assets/img/home/img-down2.png


BIN
src/assets/img/home/img-down3.png


BIN
src/assets/img/home/img-up1.jpg


BIN
src/assets/img/home/img-up2.jpg


BIN
src/assets/img/home/jiaogonshu.jpg


BIN
src/assets/img/home/jingfangtang.jpg


BIN
src/assets/img/home/lingshishu.jpg


BIN
src/assets/img/home/shenfu.jpg


BIN
src/assets/img/home/shengmuyuan.jpg


BIN
src/assets/img/home/tianzhutang.jpg


BIN
src/assets/img/home/xiushilou.jpg


BIN
src/assets/img/home/yangyuan.jpg


BIN
src/assets/img/home/yidetang.jpg


BIN
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>