中共贵州省工委斗争纪略展

.eslintrc.js

+// .eslintrc.js
+module.exports = {
+    rules: {
+        "vue/multi-word-component-names": "off",
+    },
+};
\ No newline at end of file

src/components/LazyImg/index.vue

+<template>
+  <div class="l-img">
+    <line-img
+      :src="src"
+      :commonUrl="commonUrl"
+      v-if="type === 'line'"
+    ></line-img>
+    <local-img
+      :src="src"
+      :commonUrl="commonUrl"
+      v-if="type === 'local'"
+    ></local-img>
+  </div>
+</template>
+
+<script>
+import lineImg from "./line-img.vue";
+import localImg from "./local-img.vue";
+
+export default {
+  props: {
+    src: {
+      type: String || Object,
+      require: true,
+    },
+  },
+  components: {
+    lineImg,
+    localImg,
+  },
+  data() {
+    return {
+      commonUrl: require("@/assets/imgs/home/mini-bg.png"),
+    };
+  },
+  computed: {
+    type() {
+      let { src } = this;
+      if (
+        typeof src === "string" &&
+        src.indexOf("http://") < 0 &&
+        src.indexOf("https://") < 0
+      ) {
+        return "local";
+      } else {
+        return "line";
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.l-img {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  ::v-deep img {
+    max-width: 100%;
+    max-height: 100%;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+}
+</style>

src/components/LazyImg/line-img.vue

+<template>
+  <div>
+    <img
+      :src="low_url"
+      alt=""
+      @onerror="handleChangeMini($event)"
+      v-if="!isShow"
+    />
+    <img :src="src" alt="" v-show="isShow" @load="handleChangeNormal" />
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    src: {
+      type: String || Object,
+      require: true,
+    },
+    commonUrl: {
+      type: String,
+      require: true,
+    },
+  },
+  data() {
+    return {
+        isShow:false
+    }
+  },
+  computed: {
+    low_url() {
+      let { src } = this;
+      if (src && typeof src === "string") {
+        let ix = src.lastIndexOf("/");
+        return src.substr(0, ix) + "/low" + src.substr(ix);
+      } else {
+        return this.commonUrl;
+      }
+    },
+  },
+  methods: {
+    handleChangeMini(evt) {
+      let img = evt.srcElement;
+      img.src = this.commonUrl;
+      img.onerror = null;
+    },
+    handleChangeNormal() {
+      this.isShow = true;
+    },
+  },
+};
+</script>

src/components/LazyImg/local-img.vue

+<template>
+  <div>
+    <img
+      :src="low_url"
+      alt=""
+      @onerror="handleChangeMini($event)"
+      v-show="!isShow"
+    />
+    <img :src="url" alt="" v-show="isShow" @load="handleChangeNormal" />
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    src: {
+      type: String,
+      require: true,
+    },
+    commonUrl: {
+      type: String,
+      require: true,
+    },
+  },
+  data() {
+    let low = this.src;
+    // debugger;
+    if (typeof low === "string") {
+      let lowUrl = this.getLowUrl(low);
+      low = require("@/assets/imgs" + this.getUrl(lowUrl));
+    } else {
+      low = this.commonUrl;
+    }
+
+    return {
+      isShow: false,
+      low_url: low,
+      url: require("@/assets/imgs" + this.getUrl(this.src)),
+    };
+  },
+  methods: {
+    getUrl(str) {
+      let len = "@/assets/imgs".length;
+      return str.substr(len);
+    },
+    getLowUrl(src) {
+      let ix = src.lastIndexOf("/");
+      return src.substr(0, ix) + "/low" + src.substr(ix);
+    },
+    handleChangeMini(evt) {
+      let img = evt.srcElement;
+      img.src = this.commonUrl;
+      img.onerror = null;
+    },
+    handleChangeNormal() {
+        console.log(this.src)
+      this.isShow = true;
+    },
+  },
+};
+</script>

src/main.js

@@ -17,6 +17,9 @@ import 'vue-video-player/src/custom-theme.css'
 
 Vue.use(VideoPlayer)
 
+import LImg from '@/components/LazyImg'
+Vue.component('LImg', LImg)
+
 import {
   getFullUrl
 } from '@/utils/index'

src/router/index.js

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

src/views/boutique/components/jyycc.vue → src/views/boutique/components/jyycc/index.vue

@@ -516,7 +516,7 @@ export default {
       }
       .detail {
         width: 100%;
-        background-image: url('@/assets/imgs/topic/jyycc/part1-bg.png');
+        background-image: url("@/assets/imgs/topic/jyycc/part1-bg.png");
         background-repeat: repeat;
         background-size: cover;
         > div.txt {
@@ -628,9 +628,9 @@ export default {
             clear: both;
           }
           /* > img {
-            width: auto;
-            height: 100%;
-          } */
+              width: auto;
+              height: 100%;
+            } */
         }
       }
     }
@@ -721,9 +721,9 @@ export default {
               justify-content: center;
               .center-text {
                 /* font-size: 40px;
-                font-weight: 500;
-                color: #fff;
-                line-height: 50px; */
+                  font-weight: 500;
+                  color: #fff;
+                  line-height: 50px; */
                 width: 330px;
                 height: 50px;
                 margin-bottom: 30px;

src/views/boutique/components/zggzsgwdzjlz/data.json

+[
+    {
+        "title": ["中共贵州省工作委员会的成立", "先进思想传贵州 红流滚滚播火种", "1919年5月 - 1935年1月"],
+        "txt": "五四运动前后，随着新文化运动的深入，马克思主义作为一种新思潮，在贵州知识界得以传播。1934年，外地一些共产党员先后来到贵州、转移至省城贵阳，以高家花园及其它数处为活动点，着手谋划与建立全省各地的党组织。1935年1月，中央红军长征抵达遵义，李维汉同志代表党中央批准成立中共贵州省工作委员会。",
+        "img": "book",
+        "label": ["国民党军用地图2张（复制品）"]
+    },
+    {
+        "title": ["党在贵州的早期斗争", "革命斗争堪险阻 血雨腥风铸英魂", "1935年1月 - 1937年7月"],
+        "txt": "中共贵州省工委成立后，遵照党中央的指示，在全省各地积极开展革命活动。在完成护送中央特派员杨涛(潘汉年)赴上海的任务 ;配合和支持红军在贵州的转战 ; 发展地方党组织; 建立军事领导小组，开展武装斗争等方面，建树了不可磨灭的功绩。",
+        "img": "paper",
+        "label": ["黄大陆在狱中写下的", "《移进油库 (地下室) 原因的检讨》（复制品）"]
+    },
+    {
+        "title": ["抗日战争时期贵州地方党组织的建立与发展", "抗日运动起高潮 党的组织蓬勃生", "1937年7月 - 1945年8月"],
+        "txt": "抗日战争爆发后，在中国抗日民族统一战线旗帜下，新建立的中共贵州省工委担负起领导和发动至省抗日救亡运动的重任。贵州抗日救亡运动如火如茶。",
+        "img": "gun",
+        "label": ["驳壳枪"]
+    },
+    {
+        "title": ["解放战争时期党组织在贵州的活动", "英勇斗争迎光明 万众欢腾庆解放", "1945年8月 - 1949年12月"],
+        "txt": "抗战胜利后，贵阳地区隐蔽下来的中共党员组织党小组，创办地下刊物，开展读书活动，发挥了积极的作用。1949年2月，中共中央上海局指示，建立中共贵州省工作委员会和中共贵阳特别支部，为迎接解放积极斗争。",
+        "img": "notice",
+        "label": ["《贵阳市民众临时治安委员会通告》（复制品）"]
+    }
+]
\ No newline at end of file

src/views/display/Detail.vue

@@ -48,6 +48,7 @@ export default {
       "displayType",
       "displayCharacter",
     ]);
+    debugger
     this.loadDetail();
   },
 

src/views/display/index.vue

@@ -179,12 +179,12 @@ export default {
 
     handleClick(item) {
       let index = this.boutiqueTitles.indexOf(item.title)
-      // debugger
+      
       let newPage;
       if (index == -1) {
         const { themeType, exhibitionId } = item;
         newPage = this.$router.resolve({
-          path: `display/${themeType}/${exhibitionId}`,
+          path: `/display/${themeType}/${exhibitionId}`,
         });
 
       } else {