新增教育史馆静态

src/router/index.js

@@ -155,6 +155,11 @@ const routes = [
     name: 'SDCS',
     component: () => import('@/views/boutique/components/SDCS')
   },
+  {
+    path: '/jysg',
+    name: 'JYSG',
+    component: () => import('@/views/boutique/components/JYSG')
+  },
 
 
   // 404

src/views/boutique/components/SDCS.vue

@@ -365,7 +365,6 @@ export default {
   },
   methods: {
     handleClickUnit1(item) {
-     
       this.part1CurUnit = item;
     },
 

src/views/boutique/components/SMGZ.vue

@@ -2,7 +2,11 @@
   <div class="smgz">
     <div class="face-img smgz-item">
       <div class="back-img img wow animate__animated animate__fadeIn">
-        <img src="@/assets/imgs/boutique/smgz-5/1_faceImage/bg.png" alt="" />
+        <img
+          src="@/assets/imgs/boutique/smgz-5/1_faceImage/bg.png"
+          id="@/assets/imgs/boutique/smgz-5/1_faceImage/bg.png"
+          alt=""
+        />
       </div>
       <div class="left-title img wow animate__animated animate__fadeInLeft">
         <img
@@ -23,7 +27,11 @@
         class="ms img wow animate__animated animate__fadeInRight"
         data-wow-duration="2s"
       >
-        <img src="@/assets/imgs/boutique/smgz-5/1_faceImage/ms.png" alt="" />
+        <img
+          src="@/assets/imgs/boutique/smgz-5/1_faceImage/ms.png"
+          id="@/assets/imgs/boutique/smgz-5/1_faceImage/ms.png"
+          alt=""
+        />
       </div>
       <div
         class="more img wow animate__animated animate__fadeInUp"
@@ -442,12 +450,34 @@ export default {
     this.$nextTick(() => {
       // this.scroll();
       window.addEventListener("scroll", this.scroll);
+      this.replaceImg();
     });
   },
   destroyed() {
     window.removeEventListener("scroll", this.scroll, false);
   },
   methods: {
+    //替换从低清到高清
+    replaceImg() {
+      let imgs = document.getElementsByTagName("img");
+      let imgsArr = [...imgs];
+      imgsArr.forEach((i) => {
+        // url中包含了data-url压缩图的才进行替换
+        if (i.id && i.id.indexOf("smgz-5")) {
+        
+          var imgObj = new Image(); //新建一个图片对象
+          let lowImgSrc = i.id;
+          let highImgSrc = lowImgSrc.replace("smgz-5", "smgz"); //最终显示的大图
+          let lowImg = document.getElementById(i.id);
+          imgObj.src = highImgSrc;
+          imgObj.onload = function () {
+            debugger;
+            lowImg.src = highImgSrc;
+            lowImg.classList.add('high')
+          };
+        }
+      });
+    },
     handleChangeUnit(index) {
       this.currentUnitPicIndex = index;
       this.$refs.unitSwiper.swiper.slideTo(index, 500, true);

src/views/boutique/components/jysg.json

+[
+  {
+    "name": "贵州古代教育史馆",
+    "intro": "第一部分为贵州古代教育史馆，即“参差交错的贵州古代教育”，展示了原始形态教育社会(先秦到宋元)——明清时期的贵州教育(约19世纪中叶前)——地域文化馆（沙滩文化与影山文化）。尹真讲学的“务本堂”复制品及视频介绍。"
+  },
+  {
+    "name": "贵州近代教育史馆",
+    "intro": "第二部分为贵州近代教育史馆，即“除旧布新的贵州近代教育”，展示了鸦片战争后贵州近代先贤促进贵州教育近代化的历程——近代学堂体系的建立——民国初期贵州教育——抗战时期教育文化内迁贵州及贵州近代教育体系建立。"
+  },
+  {
+    "name": "贵州现代教育史馆",
+    "intro": "第三部分为贵州现代教育史馆，即（曲折发展的新中国初期贵州教育与快速发展的改革开放以来的贵州教育），展示了新中国初期贵州现代教育体系的建立——文革时期贵州曲折发展——改革开放后贵州教育的快速发展——十八大以来贵州教育取得的辉煌成就。"
+  },
+  {
+    "name": "贵州民族教育史馆",
+    "intro": "第四部分为贵州现代教育史馆，即“多元教育模式的贵州少数民族教育概况”，展示了传统形态、封建形态、近代形态、现代形态的贵州民族教育发展概况。"
+  },
+  {
+    "name": "贵州名师馆",
+    "intro": "第五部分为贵州历史上的名师，即“薪火相传的贵州近现代著名教师”，展示了明清以来贵州名师、先贤及其献身教育的精神。"
+  }
+]

src/views/display/components/RedStyle.vue

@@ -545,7 +545,7 @@ export default {
         //   this.$message.info("正在播放当前文物讲解音频，点击按钮可关闭");
         //   this.$refs.AudioPlayer.play();
         // }
-        this.replaceFaceImage();
+        // this.replaceFaceImage();
       });
     },