修改资源加载为懒加载

src/assets/images/index copy.js

@@ -1,60 +0,0 @@
-export default {
-  Act1: {
-    name: "西铁院",
-    sources: [
-      "../images/1.西铁院/1.jpg",
-      "../images/1.西铁院/2.jpg",
-      "../images/1.西铁院/3.jpg",
-      "../images/1.西铁院/4.jpg",
-      "../images/1.西铁院/5.jpg",
-      "../images/1.西铁院/6.jpg",
-      "../images/1.西铁院/7.jpg",
-      "../images/1.西铁院/8.jpg",
-      "../images/1.西铁院/9.jpg"
-    ]
-  },
-  Act2: {
-    name: "上海轨道交通展",
-    sources: [
-      "../images/2.上海轨道交通展/1.jpg",
-      "../images/2.上海轨道交通展/2.jpg",
-      "../images/2.上海轨道交通展/3.jpg",
-      "../images/2.上海轨道交通展/4.jpg",
-      "../images/2.上海轨道交通展/5.jpg",
-      "../images/2.上海轨道交通展/6.jpg",
-      "../images/2.上海轨道交通展/7.jpg"
-    ]
-  },
-  Act3: {
-    name: "第四届“中国创翼”暨“创业北京”创业创新大赛",
-    sources: [
-      "../images/3.第四届“中国创翼”暨“创业北京”创业创新大赛/1.jpg",
-      "../images/3.第四届“中国创翼”暨“创业北京”创业创新大赛/2.jpg",
-      "../images/3.第四届“中国创翼”暨“创业北京”创业创新大赛/3.jpg",
-      "../images/3.第四届“中国创翼”暨“创业北京”创业创新大赛/4.jpg",
-      "../images/3.第四届“中国创翼”暨“创业北京”创业创新大赛/5.jpg",
-      "../images/3.第四届“中国创翼”暨“创业北京”创业创新大赛/6.jpg",
-      "../images/3.第四届“中国创翼”暨“创业北京”创业创新大赛/7.jpg"
-    ]
-  },
-  Act4: {
-    name: "创业宝鸡星耀钛谷中小企业科技创新创业大赛",
-    sources: [
-      "../images/4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/1.jpg",
-      "../images/4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/2.jpg",
-      "../images/4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/3.jpg",
-      "../images/4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/4.jpg",
-      "../images/4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/5.jpg",
-      "../images/4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/6.jpg",
-      "../images/4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/7.jpg",
-      "../images/4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/8.jpg",
-      "../images/4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/9.jpg",
-      "../images/4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/10.jpg",
-      "../images/4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/11.jpg",
-      "../images/4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/12.jpg",
-      "../images/4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/13.jpg",
-      "../images/4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/14.jpg",
-      "../images/4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/15.jpg"
-    ]
-  }
-};

src/assets/images/index.js

@@ -2,59 +2,59 @@ export default {
   Act1: {
     name: "西铁院",
     sources: [
-      require("@/assets/images/1.西铁院/1.jpg"),
+      "1.西铁院/1.jpg",
-      require("@/assets/images/1.西铁院/2.jpg"),
+      "1.西铁院/2.jpg",
-      require("@/assets/images/1.西铁院/3.jpg"),
+      "1.西铁院/3.jpg",
-      require("@/assets/images/1.西铁院/4.jpg"),
+      "1.西铁院/4.jpg",
-      require("@/assets/images/1.西铁院/5.jpg"),
+      "1.西铁院/5.jpg",
-      require("@/assets/images/1.西铁院/6.jpg"),
+      "1.西铁院/6.jpg",
-      require("@/assets/images/1.西铁院/7.jpg"),
+      "1.西铁院/7.jpg",
-      require("@/assets/images/1.西铁院/8.jpg"),
+      "1.西铁院/8.jpg",
-      require("@/assets/images/1.西铁院/9.jpg")
+      "1.西铁院/9.jpg"
     ]
   },
   Act2: {
     name: "上海轨道交通展",
     sources: [
-      require("@/assets/images/2.上海轨道交通展/1.jpg"),
+      "2.上海轨道交通展/1.jpg",
-      require("@/assets/images/2.上海轨道交通展/2.jpg"),
+      "2.上海轨道交通展/2.jpg",
-      require("@/assets/images/2.上海轨道交通展/3.jpg"),
+      "2.上海轨道交通展/3.jpg",
-      require("@/assets/images/2.上海轨道交通展/4.jpg"),
+      "2.上海轨道交通展/4.jpg",
-      require("@/assets/images/2.上海轨道交通展/5.jpg"),
+      "2.上海轨道交通展/5.jpg",
-      require("@/assets/images/2.上海轨道交通展/6.jpg"),
+      "2.上海轨道交通展/6.jpg",
-      require("@/assets/images/2.上海轨道交通展/7.jpg")
+      "2.上海轨道交通展/7.jpg"
     ]
   },
   Act3: {
     name: "第四届“中国创翼”暨“创业北京”创业创新大赛",
     sources: [
-      require("@/assets/images/3.第四届“中国创翼”暨“创业北京”创业创新大赛/1.jpg"),
+      "3.第四届“中国创翼”暨“创业北京”创业创新大赛/1.jpg",
-      require("@/assets/images/3.第四届“中国创翼”暨“创业北京”创业创新大赛/2.jpg"),
+      "3.第四届“中国创翼”暨“创业北京”创业创新大赛/2.jpg",
-      require("@/assets/images/3.第四届“中国创翼”暨“创业北京”创业创新大赛/3.jpg"),
+      "3.第四届“中国创翼”暨“创业北京”创业创新大赛/3.jpg",
-      require("@/assets/images/3.第四届“中国创翼”暨“创业北京”创业创新大赛/4.jpg"),
+      "3.第四届“中国创翼”暨“创业北京”创业创新大赛/4.jpg",
-      require("@/assets/images/3.第四届“中国创翼”暨“创业北京”创业创新大赛/5.jpg"),
+      "3.第四届“中国创翼”暨“创业北京”创业创新大赛/5.jpg",
-      require("@/assets/images/3.第四届“中国创翼”暨“创业北京”创业创新大赛/6.jpg"),
+      "3.第四届“中国创翼”暨“创业北京”创业创新大赛/6.jpg",
-      require("@/assets/images/3.第四届“中国创翼”暨“创业北京”创业创新大赛/7.jpg")
+      "3.第四届“中国创翼”暨“创业北京”创业创新大赛/7.jpg"
     ]
   },
   Act4: {
     name: "创业宝鸡星耀钛谷中小企业科技创新创业大赛",
     sources: [
-      require("@/assets/images/4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/1.jpg"),
+      "4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/1.jpg",
-      require("@/assets/images/4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/2.jpg"),
+      "4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/2.jpg",
-      require("@/assets/images/4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/3.jpg"),
+      "4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/3.jpg",
-      require("@/assets/images/4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/4.jpg"),
+      "4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/4.jpg",
-      require("@/assets/images/4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/5.jpg"),
+      "4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/5.jpg",
-      require("@/assets/images/4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/6.jpg"),
+      "4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/6.jpg",
-      require("@/assets/images/4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/7.jpg"),
+      "4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/7.jpg",
-      require("@/assets/images/4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/8.jpg"),
+      "4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/8.jpg",
-      require("@/assets/images/4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/9.jpg"),
+      "4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/9.jpg",
-      require("@/assets/images/4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/10.jpg"),
+      "4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/10.jpg",
-      require("@/assets/images/4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/11.jpg"),
+      "4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/11.jpg",
-      require("@/assets/images/4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/12.jpg"),
+      "4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/12.jpg",
-      require("@/assets/images/4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/13.jpg"),
+      "4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/13.jpg",
-      require("@/assets/images/4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/14.jpg"),
+      "4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/14.jpg",
-      require("@/assets/images/4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/15.jpg")
+      "4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/15.jpg"
     ]
   }
 };

src/assets/images/knowledge.js

@@ -0,0 +1,57 @@
+export default {
+  JL01: {
+    src: "knowledge/JL01-中心级综合监控ISCS系统仿真软件V1.0.jpg"
+  },
+  JL02: {
+    src: "knowledge/JL02-车站级综合监控ISCS系统仿真软件V1.0.jpg"
+  },
+  JL03: {
+    src: "knowledge/JL03-ATS行调工作站培训系统软件V1.0.jpg"
+  },
+  JL04: {
+    src: "knowledge/JL04-ATS行调工作站考试系统软件V1.0.jpg"
+  },
+  JL05: {
+    src: "knowledge/JL05-ATS现地工作站培训系统软件V1.0.jpg"
+  },
+  JL06: {
+    src: "knowledge/JL06-ATS现地工作站考试系统软件V1.0.jpg"
+  },
+  JL07: {
+    src: "knowledge/JL07-ATS行调工作站仿真系统软件V1.0.jpg"
+  },
+  JL08: {
+    src: "knowledge/JL02-车站级综合监控ISCS系统仿真软件V1.0.jpg"
+  },
+  JL09: {
+    src: "knowledge/JL09-ATS中心大屏仿真系统软件V1.0.jpg"
+  },
+  JL10: {
+    src: "knowledge/JL10-轨旁仿真软件V1.0.jpg"
+  },
+  JL11: {
+    src:
+      "knowledge/JL11-城市轨道交通综合演练系统［简称：城轨综合演练平台］V1.0.jpg"
+  },
+  JL12: {
+    src: "knowledge/JL12-电子沙盘软件V1.0.jpg"
+  },
+  JL13: {
+    src: "knowledge/JL13-车载仿真软件［简称：VOBC仿真软件］V1.0.jpg"
+  },
+  JL14: {
+    src: "knowledge/JL14-区域控制器仿真软件［简称：ZC仿真软件］V1.0.jpg"
+  },
+  JL15: {
+    src: "knowledge/JL15-虚拟列车仿真软件V1.0.jpg"
+  },
+  JL16: {
+    src: "knowledge/JL16-模拟驾驶仿真软件［简称：列车模拟驾驶］V1.0.jpg"
+  },
+  JL17: {
+    src: "knowledge/JL17-城市轨道交通运行图时刻表编辑系统V1.0.jpg"
+  },
+  JL18: {
+    src: "knowledge/JL18-联锁机仿真软件［简称：CI仿真软件］V1.0.jpg"
+  }
+};

src/assets/images/thumbnail.js

@@ -1,18 +1,18 @@
 export default {
   Act1: {
     name: "西铁院",
-    source: require("@/assets/images/1.西铁院/1.jpg")
+    src: "1.西铁院/1.jpg"
   },
   Act2: {
     name: "上海轨道交通展",
-    source: require("@/assets/images/2.上海轨道交通展/1.jpg")
+    src: "2.上海轨道交通展/1.jpg"
   },
   Act3: {
     name: "第四届“中国创翼”暨“创业北京”创业创新大赛",
-    source: require("@/assets/images/3.第四届“中国创翼”暨“创业北京”创业创新大赛/1.jpg")
+    src: "3.第四届“中国创翼”暨“创业北京”创业创新大赛/1.jpg"
   },
   Act4: {
     name: "创业宝鸡星耀钛谷中小企业科技创新创业大赛",
-    source: require("@/assets/images/4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/1.jpg")
+    src: "4.创业宝鸡星耀钛谷中小企业科技创新创业大赛/1.jpg"
   }
 };

src/assets/knowledge/index.js

@@ -1,56 +0,0 @@
-export default {
-  JL01: {
-    src: require("@/assets/knowledge/JL01-中心级综合监控ISCS系统仿真软件V1.0.jpg")
-  },
-  JL02: {
-    src: require("@/assets/knowledge/JL02-车站级综合监控ISCS系统仿真软件V1.0.jpg")
-  },
-  JL03: {
-    src: require("@/assets/knowledge/JL03-ATS行调工作站培训系统软件V1.0.jpg")
-  },
-  JL04: {
-    src: require("@/assets/knowledge/JL04-ATS行调工作站考试系统软件V1.0.jpg")
-  },
-  JL05: {
-    src: require("@/assets/knowledge/JL05-ATS现地工作站培训系统软件V1.0.jpg")
-  },
-  JL06: {
-    src: require("@/assets/knowledge/JL06-ATS现地工作站考试系统软件V1.0.jpg")
-  },
-  JL07: {
-    src: require("@/assets/knowledge/JL07-ATS行调工作站仿真系统软件V1.0.jpg")
-  },
-  JL08: {
-    src: require("@/assets/knowledge/JL02-车站级综合监控ISCS系统仿真软件V1.0.jpg")
-  },
-  JL09: {
-    src: require("@/assets/knowledge/JL09-ATS中心大屏仿真系统软件V1.0.jpg")
-  },
-  JL10: {
-    src: require("@/assets/knowledge/JL10-轨旁仿真软件V1.0.jpg")
-  },
-  JL11: {
-    src: require("@/assets/knowledge/JL11-城市轨道交通综合演练系统［简称：城轨综合演练平台］V1.0.jpg")
-  },
-  JL12: {
-    src: require("@/assets/knowledge/JL12-电子沙盘软件V1.0.jpg")
-  },
-  JL13: {
-    src: require("@/assets/knowledge/JL13-车载仿真软件［简称：VOBC仿真软件］V1.0.jpg")
-  },
-  JL14: {
-    src: require("@/assets/knowledge/JL14-区域控制器仿真软件［简称：ZC仿真软件］V1.0.jpg")
-  },
-  JL15: {
-    src: require("@/assets/knowledge/JL15-虚拟列车仿真软件V1.0.jpg")
-  },
-  JL16: {
-    src: require("@/assets/knowledge/JL16-模拟驾驶仿真软件［简称：列车模拟驾驶］V1.0.jpg")
-  },
-  JL17: {
-    src: require("@/assets/knowledge/JL17-城市轨道交通运行图时刻表编辑系统V1.0.jpg")
-  },
-  JL18: {
-    src: require("@/assets/knowledge/JL18-联锁机仿真软件［简称：CI仿真软件］V1.0.jpg")
-  }
-};

src/utils/resourceUrl.js

@@ -0,0 +1,4 @@
+export function buildUrl(url) {
+  console.log(`https://joylink.club/oss/portal/${url}`);
+  return `https://joylink.club/oss/portal/${url}`;
+}

src/views/Home/main/eRecommend.vue

@@ -40,7 +40,11 @@
               <h3>{{ el.name }}</h3>
             </div>
             <router-link :to="`/preview/image?id=${i}`">
-              <el-image style="width:100%; height:480px" :src="el.source" />
+              <el-image
+                lazy
+                style="width:100%; height:480px"
+                :src="buildUrl(el.src)"
+              />
             </router-link>
             <!-- <el-carousel :interval="5000" arrow="always" height="480px">
               <el-carousel-item v-for="(el, j) in el.sources" :key="j">
@@ -60,6 +64,7 @@
 <script>
 import eButtonGroup from "@/components/eButtonGroup/index.vue";
 import thumbnail from "@/assets/images/thumbnail";
+import { buildUrl } from "@/utils/resourceUrl";
 
 export default {
   components: {
@@ -72,6 +77,9 @@ export default {
     title() {
       return "推荐信息";
     },
+    buildUrl() {
+      return buildUrl;
+    },
     videoList() {
       return [
         {

src/views/Honor/index.vue

@@ -10,8 +10,8 @@
             v-for="(el, i) in pdfList"
             :key="i"
           >
-            <a target="_blank" :href="el.src">
+            <a target="_blank" :href="buildUrl(el.src)">
-              <el-image :src="el.src" style="height:560px" />
+              <el-image :src="buildUrl(el.src)" style="height:560px" />
             </a>
           </el-card>
         </div>
@@ -26,8 +26,8 @@
             v-for="(el, i) in imgList"
             :key="i"
           >
-            <a target="_blank" :href="el.src">
+            <a target="_blank" :href="buildUrl(el.src)">
-              <el-image :src="el.src" style="height:300px" />
+              <el-image :src="buildUrl(el.src)" lazy style="height:300px" />
             </a>
           </el-card>
         </div>
@@ -36,11 +36,15 @@
   </div>
 </template>
 <script>
-import pdfs from "@/assets/knowledge/index.js";
+import pdfs from "@/assets/images/knowledge.js";
 import hrs from "@/assets/honor/index.js";
+import { buildUrl } from "@/utils/resourceUrl";
 
 export default {
   computed: {
+    buildUrl() {
+      return buildUrl;
+    },
     pdfList() {
       return Object.values(pdfs);
     },

src/views/PreviewImage/index.vue

@@ -5,7 +5,7 @@
         <div class="main">
           <el-carousel trigger="click">
             <el-carousel-item v-for="(img, i) in model.sources" :key="i">
-              <el-image :src="img" style="width:100%;height:100%" />
+              <el-image :src="buildUrl(img)" style="width:100%;height:100%" />
             </el-carousel-item>
           </el-carousel>
         </div>
@@ -20,6 +20,7 @@
 <script>
 import eList from "./eList";
 import acts from "@/assets/images";
+import { buildUrl } from "@/utils/resourceUrl";
 
 export default {
   components: {
@@ -32,6 +33,9 @@ export default {
     };
   },
   computed: {
+    buildUrl() {
+      return buildUrl;
+    },
     imageList() {
       return Object.values(acts);
     },

src/views/PreviewPdf/index.vue

@@ -8,6 +8,7 @@
 
 <script>
 import pdf from "vue-pdf";
+import { buildUrl } from "@/utils/resourceUrl";
 
 export default {
   components: {
@@ -21,7 +22,7 @@ export default {
   },
   computed: {
     src() {
-      return pdf.createLoadingTask(`../${this.$route.query.src}`);
+      return pdf.createLoadingTask(buildUrl(`cases/${this.$route.query.src}`));
     }
   },
   mounted() {