Merge branch 'master' of http://222.85.214.245:11036/longfei666/exhibition_page

package.json

@@ -52,7 +52,8 @@
     "svg-sprite-loader": "^6.0.11",
     "terser-webpack-plugin": "^5.3.3",
     "vue-awesome-swiper": "^3.1.3",
-    "vue-template-compiler": "^2.6.14"
+    "vue-template-compiler": "^2.6.14",
+    "webpack-bundle-analyzer": "^4.10.1"
   },
   "eslintConfig": {
     "root": true,

src/components/MImage/index.vue

+<template>
+  <div class="m-img">
+    <img
+      :src="require(`@/assets/imgs/boutique/${prefix}-press${url}`)"
+      alt=""
+      class="low"
+      v-if="low"
+    />
+    <img
+      :src="require(`@/assets/imgs/boutique/${prefix}${url}`)"
+      alt=""
+      class="high"
+      :style="{ display: high }"
+      @load="handleHighLoaded"
+    />
+  </div>
+</template>
+
+<script>
+import { display } from "@/views/home/tempData";
+
+export default {
+  props: {
+    prefix: {
+      type: String,
+      required: true,
+    },
+    url: {
+      type: String,
+      required: true,
+    },
+  },
+  data() {
+    return {
+      high: "none",
+      low: true,
+    };
+  },
+  methods: {
+    handleHighLoaded(e) {
+      this.low = false;
+      this.high = "block";
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.m-img {
+  max-width: 100%;
+  max-height: 100%;
+  > img {
+    height: 100%;
+    width: auto;
+  }
+  .low {
+  }
+  .high {
+    display: none;
+  }
+}
+</style>
+
+<style lang="scss">
+.m-img {
+  &.center {
+    display: flex;
+    justify-content: center;
+  }
+}
+</style>

src/views/boutique/components/frgz/index.vue

@@ -4,7 +4,7 @@
     <div class="bg-2"></div>
     <div class="bg-3"></div>
     <div class="bg-4"></div>
-    <div class="bg-5"></div>
+    <!-- <div class="bg-5"></div> -->
     <div class="bg-6"></div>
     <div class="content">
       <div class="first">
@@ -30,7 +30,7 @@
           class="units wow animate__animated animate__fadeInRightBig"
           data-wow-delay="0.5s"
         >
-          <div class="unit-node" v-for="(n, i) in nodes" :key="i">
+          <div class="unit-node" v-for="(n, i) in nodes" :key="i" :class="{active: curNode.label === n.label}" @click="handleNodeClick(n)">
             <p>
               <img
                 :src="
@@ -50,19 +50,27 @@
           data-wow-delay="0.5s"
         >
           <p>
-            贵州矿产资源丰富，矿种多，门类全。已发现矿种137种，占全国173种的79.19%；查明矿产储量89种，占全国162种的53.7%；列入储量表的有79种，其中在全国排位前三的有25种、前五的有31种、前十的有51种。
+            <!-- 贵州矿产资源丰富，矿种多，门类全。已发现矿种137种，占全国173种的79.19%；查明矿产储量89种，占全国162种的53.7%；列入储量表的有79种，其中在全国排位前三的有25种、前五的有31种、前十的有51种。 -->
+            {{ curNode.content }}
           </p>
           <div class="swiper">
-            <swiper :options="swiperOption" ref="mSwiper">
-              <swiper-slide v-for="(img, i) in imgs" :key="i">
+            <swiper :options="swiperOption" ref="mSwiper" v-if="showSwiper">
+              <swiper-slide v-for="i in 3" :key="i">
                 <div class="swiper-img">
                   <div>
-                    <img
+                    <!-- <img
                       :src="
                         require(`@/assets/imgs/boutique/frgz/2nd/${img}.png`)
                       "
                       alt=""
                       :class="`num-${i}`"
+                    /> -->
+                    <img
+                      :src="
+                        require(`@/assets/imgs/boutique/frgz/halls/${curNode.seq}-${i}.jpg`)
+                      "
+                      alt=""
+                      :class="`num-${i}`"
                     />
                   </div>
                 </div>
@@ -130,21 +138,21 @@
           </div>
         </div>
       </div>
-      <div class="fourth">
+      <!-- <div class="fourth">
         <div class="title wow animate__animated animate__fadeInUp">
           <img src="@/assets/imgs/boutique/frgz/4th/title.png" alt="" />
         </div>
         <div class="video wow animate__animated animate__zoomIn">
           <video-player :src="src"></video-player>
         </div>
-      </div>
+      </div> -->
       <div class="fifth">
         <div class="vr-content">
           <div class="left wow animate__animated animate__fadeInLeft">
             <div class="img-container">
               <img src="@/assets/imgs/boutique/frgz/6th/zhanting.png" alt="" />
             </div>
-            <div class="text">详细介绍四渡赤水纪念馆</div>
+            <div class="text">详细介绍富饶贵州</div>
             <div class="video-button">观看视频</div>
           </div>
           <div class="center wow animate__animated animate__fadeInDown">
@@ -159,7 +167,7 @@
               <div class="button">
                 <div class="outter">
                   <div class="inner">
-                    <i class="el-icon-arrow-right"></i>
+                    <i class="el-icon-arrow-right" @click="handleToVR"></i>
                   </div>
                 </div>
               </div>
@@ -169,7 +177,7 @@
             <div class="img-container">
               <img src="@/assets/imgs/boutique/frgz/6th/yuyin.png" alt="" />
             </div>
-            <div class="text">策划人讲解四渡赤水纪念馆</div>
+            <div class="text">策划人讲解富饶贵州</div>
             <div class="video-button">观看视频</div>
           </div>
         </div>
@@ -192,12 +200,13 @@ export default {
   data() {
     return {
       nodes: [
-        { label: "黔矿之富", img: "unit1" },
-        { label: "黔矿之成", img: "unit2" },
-        { label: "黔矿之优", img: "unit3" },
-        { label: "黔矿之用", img: "unit4" },
-        { label: "黔矿之美", img: "unit5" },
+        { label: "黔矿之富", img: "unit1", content: '贵州矿产资源丰富，矿种多，门类全。已发现矿种137种，占全国173种的79.19%；查明矿产储量89种，占全国162种的53.7%；列入储量表的有79种，其中在全国排位前三的有25种、前五的有31种、前十的有51种', seq: 1 },
+        { label: "黔矿之成", img: "unit2", content: '贵州省位于扬子陆块西南缘，位处环太平洋成矿域和特提斯成矿域结合部位，成矿地质条件优越，历经武陵、加里东、燕山和喜马拉雅山多次造山运动，形成了分布广泛、门类齐全、矿种众多的矿产资源。', seq: 2 },
+        { label: "黔矿之优", img: "unit3", content: '煤、磷、铝、锰、金、锑、汞、重晶石、碳酸盐岩等9种矿产，是贵州省的优势矿产资源，具有储量大、品质优、相对集中的特点，为国民经济发展提供了重要支撑。', seq: 3 },
+        { label: "黔矿之用", img: "unit4", content: '贵州省依托煤、磷、铝、锰、金、汞、锑、重晶石等优势矿产资源，建成了一批在国内、国际具有重要影响力的矿产资源基地，为贵州乃至全国经济社会发展进步做出了卓越贡献。', seq: 4 },
+        { label: "黔矿之美", img: "unit5", content: '贵州人民在历史长河中，将美石视作宝物用于欣赏、装饰已有几千年的历史，而那些色彩鲜艳、结晶完好、形态优美的天然矿物更是让人爱不释手。', seq: 5 },
       ],
+      curNode: null,
       imgs: ["swiper1-1", "swiper2-1", "swiper3-1"],
       swiperOption: {
         effect: "coverflow",
@@ -230,8 +239,8 @@ export default {
       },
       halls: [
         { label: "“观沧海”贵翠山子", base: "贵州晴隆", img: "zp1" },
-        { label: "“硕果累累”紫袍玉雕件", base: "贵州晴隆", img: "zp2" },
-        { label: "“旭日东升”罗甸玉山子", base: "贵州晴隆", img: "zp3" },
+        { label: "“硕果累累”紫袍玉雕件", base: "贵州铜仁", img: "zp2" },
+        { label: "“旭日东升”罗甸玉山子", base: "贵州罗甸", img: "zp3" },
       ],
       otherZP: [
         { label: "金红石", img: "zp4" },
@@ -239,8 +248,26 @@ export default {
         { label: "菱铁矿 + 黄铁矿", img: "zp6" },
       ],
       src: "",
+      showSwiper: true
     };
   },
+  methods: {
+    handleToVR() {
+      window.open("http://gz.people.com.cn/GB/222162/382387/402166/index.html");
+    },
+    handleNodeClick(n) {
+      debugger
+      this.curNode = n
+      this.showSwiper = false
+      setTimeout(() => {
+        this.showSwiper = true
+      }, 200);
+    }
+  },
+  created() {
+    debugger
+    this.curNode = this.nodes[0]
+  }
 };
 </script>
 
@@ -364,6 +391,7 @@ export default {
               height: 100%;
             }
           }
+          &.active,
           &:hover {
             cursor: pointer;
             > p {
@@ -379,6 +407,7 @@ export default {
           font-size: 24px;
           line-height: 48px;
           color: #fff;
+          height: 100px;
         }
         .swiper {
           width: 100%;

src/views/boutique/components/gzgs/index.vue

@@ -3,7 +3,8 @@
     <div class="bg">
       <div class="bg1">
         <div class="center">
-          <img src="@/assets/imgs/boutique/bngz/1st/main.png" alt="" />
+          <!-- <img src="@/assets/imgs/boutique/bngz/1st/main.png" alt="" /> -->
+          <m-image url="/1st/main.png" :prefix="PREFIX"></m-image>
         </div>
         <div class="center-bg">
           <img src="@/assets/imgs/boutique/bngz/1st/main_bg.png" alt="" />
@@ -24,7 +25,8 @@
       </div>
       <div class="second">
         <div class="title wow animate__animated animate__fadeInUp">
-          <img src="@/assets/imgs/boutique/bngz/1st/front.png" alt="" />
+          <!-- <img src="@/assets/imgs/boutique/bngz/1st/front.png" alt="" /> -->
+          <m-image url="/1st/front.png" :prefix="PREFIX" class="center"></m-image>
         </div>
         <div class="txt">
           {{ intro }}
@@ -150,7 +152,7 @@
                     <i class="el-icon-arrow-right"></i>
                   </div>
                 </div> -->
-                <img src="@/assets/imgs/boutique/bngz/3rd/button.png" alt="" />
+                <img src="@/assets/imgs/boutique/bngz/3rd/button.png" alt=""  @click="handleToVR"/>
               </div>
             </div>
           </div>
@@ -169,9 +171,14 @@
 
 <script>
 import { intro, units } from "./data.js";
+import MImage from '@/components/MImage/index.vue'
 export default {
+  components: {
+    MImage
+  },
   data() {
     return {
+      PREFIX: 'bngz',
       intro: intro,
       units: units,
       selectNodes: [],
@@ -184,6 +191,12 @@ export default {
     handleMouseOut() {
       this.selectNodes = [];
     },
+    getUrl(str) {
+      return `/bngz${str}`
+    },
+    handleToVR() {
+      window.open("https://www.qofo360.com/gzgs/index.html");
+    },
   },
 };
 </script>
@@ -272,7 +285,10 @@ export default {
       margin-bottom: 300px;
       > .title {
         padding: 50px 0;
-        > img {
+        /* > img {
+          height: 46px;
+        } */
+        > div {
           height: 46px;
         }
       }

src/views/boutique/components/lphy/index.vue

@@ -602,8 +602,9 @@ export default {
           width: 20%;
 
           .img-container {
-            width: 100%;
+            // width: 100%;
             height: 152px;
+            // height: 66px;
 
             img {
               // width: 100%;

src/views/boutique/components/wmsh/data.js

@@ -14,35 +14,40 @@ export const chapters = [
             "title": "追溯人类之源",
             "img": "wmsh-press/hall/1.JPG",
             "intro": "对毕节古人类的由来，我们一直在追索。有科学家认为：巨猿与人类起源有关，是人类的近亲，是人类起源演化中一个特化的旁支。毕节何官屯扒耳岩一百多万年前的巨猿动物群的发现，填补了贵州的空白，给了我们这样的信息与启示——在这片土地上寻见更早古人类的希望和可能。",
-            "subtitle": "扒耳岩巨猿动物群"
+            "subtitle": "扒耳岩巨猿动物群",
+            "imgs": ["4", "5"]
           },
           {
             "name": "第二单元",
             "title": "旧石器时代早期",
             "img": "wmsh-press/hall/2.JPG",
             "intro": "旧石器时代早期是人类历史的最初阶段，经历了大约三百万年。黔西观音洞遗址是中国南方发现的第一个最大的旧石器时代早期遗址，也是贵州目前最古老的人类遗址。黔西观音洞遗址的发现，开启了贵州旧石器时代考古的先河。遗址自 1964 年冬发现之后，经历过四次发掘，出土有 3000 多件石制品和 20 多种哺乳动物化石。观音洞人以石击石，用垂直或近于垂直的加工方式，打制出类型繁多的石器。由于石器文化特征别具一格，被命名为“观音洞文化”。黔西观音洞遗址是全国重点文物保护单位，在学术界享有“北有周口店，南有观音洞”之美誉。",
-            "subtitle": "中国南方古人类旧石器文化从黔西观音洞写起"
+            "subtitle": "中国南方古人类旧石器文化从黔西观音洞写起",
+            "imgs": ["4", "5"]
           },
           {
             "name": "第三单元",
             "title": "旧石器时代中期",
             "img": "wmsh-press/hall/3.JPG",
             "intro": "（旧石器时代中期是人类发展史中的早期智人阶段，即直立人进化为智人的早期阶段。此阶段生活的人即称早期智人，延续时间大约九万年。）十万年前生活在毕节海子街扁扁洞的古人，继承黔西观音洞人的传统技术打制石器，仍以采集、狩猎为生。出土的石器性征融入有外来文化的成分，打制出部分刃口较为薄锐的石器。由此反映出：他们与外界有所交流，并向未来传承发展。",
-            "subtitle": "承前启后交流发展的扁扁洞石器"
+            "subtitle": "承前启后交流发展的扁扁洞石器",
+            "imgs": ["4", "5"]
           },
           {
             "name": "第四单元",
             "title": "旧石器时代晚期",
             "img": "wmsh-press/hall/4.JPG",
             "intro": "旧石器时代晚期是人类发展史中的晚期智人阶段，人类体质特征与现代人几无差异，持续时间大约四万多年。毕节古人类在这一时期发展繁荣、分布广泛。他们继承黔西观音洞文化衣钵，仍以采集、狩猎经济为生，相互交流日趋频繁，融合发展本土文化，产生出不尽相同的多样文化。他们不但普遍用火，而且还能保留火种；发明弓箭，创造了贵州第一件石箭镞；打制石器的技术工艺不断提高，后来还运用了磨制技术。文化的繁荣，促进时代发展；历尽艰辛，步步开拓，走向新纪元。",
-            "subtitle": "繁荣昌盛 走向新纪元"
+            "subtitle": "繁荣昌盛 走向新纪元",
+            "imgs": ["4", "5"]
           },
           {
             "name": "第五单元",
             "title": "生活环境与生产生活方式",
             "img": "wmsh-press/hall/5.JPG",
             "intro": "旧石器时代以打制石器作为主要标志，也许木、竹类做工具更为易获、简便、有利，但实难保存，唯石器遗存下来，记载着曾经的艰辛历程和不可诠释的故事。毕节古人类在距今一万年前至数十万年间，就凭借打制石器维系基本生存繁衍，以普通平凡的生产方式，常年奔波于山野沟谷采集、狩猎，创造、铺垫着走向人类文明的道路。古人类遗址中的遗迹、遗物蕴载着他们生产生活方式、生存技能与生活环境。",
-            "subtitle": "以采集、狩猎为主体现"
+            "subtitle": "以采集、狩猎为主体现",
+            "imgs": ["4", "5"]
           }
         ],
         "subtitle": ""
@@ -57,14 +62,16 @@ export const chapters = [
             "title": "磨制技术的运用",
             "img": "wmsh-press/hall/6.JPG",
             "intro": "从打制石器到磨制石器，其制作步骤仅是一步之遥，然而这种技术的改进，却经历了二、三百万年的艰辛历程，其环境的压迫、经验的积累、思维的进步、适用的需要等均包含其中。也许较长时间的使用一件质地较软、加工便捷、得心应手的打制工具就是瞬息间萌发磨制技术之源。骨制品的制作可算是先例，然后转换到石器身上。黔西凤凰穿洞人也许是这片土地上最早使用磨制技术的人。骨铲上的光滑面就是磨擦产生的。",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["6", "7"]
           },
           {
             "name": "第二单元",
             "title": "制陶手工业",
             "img": "wmsh-press/hall/7.JPG",
             "intro": "毕节古人的制陶技术是否源于本乡本土，目前的证据尚不明，但诸多遗址或地点却实实在在出现了许多结构、颜色、纹饰不同的早期陶片。这些破碎的陶片代表不同时期的发展进程，由于难以修复成器，器型不分、用途不辨、演变不明，制陶业的兴衰和理想的捏制、盘条、轮制等制陶技术的演变与发展过程尚待探索。",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["6", "7"]
           }
         ],
         "subtitle": ""
@@ -87,21 +94,24 @@ export const chapters = [
             "title": "毕节青场遗址",
             "img": "wmsh-press/hall/8.JPG",
             "intro": "毕节青场遗址，位于毕节市青场镇瓦窑上院村，1984年和 2008 年先后两次进行发掘，是一处商周时期平民的聚落遗址。清理出多座房屋遗址和陶窑遗址，出土石器、陶器、铸造铜器的石范和少量青铜器。陶器显现出与四川地区同时期文化具有一定联系。对遗址存留的木炭进行碳十四测定，年代属商代末期至西周初期。考古发掘者认为，遗址反映出这里是当时四川与贵州地区往来交通的必经地。遗址于 1985 年被贵州省人民政府公布为省级文物保护单位。",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["8", "9"]
           },
           {
             "name": "第二单元",
             "title": "威宁鸡公山遗址",
             "img": "wmsh-press/hall/9.JPG",
             "intro": "威宁鸡公山遗址，位于威宁县中水镇鸡公山顶，2004年进行发掘。遗址中最突出和奇特的遗迹现象是分布有大量形状各异，长数 10 厘米至 1 米多的坑，坑内往往涂抹有厚厚的青膏泥，并放置有一些陶器、石器、骨器、铜器等，有的坑还发现被肢解过的人骨。遗址内还发现少量墓葬和建筑遗址。初步研究认为，这些坑与当时的祭祀活动有关，这是一处以祭祀活动为主形成的聚落遗址。经碳十四测定，遗址所处的年代距今 3300——2700 年，属于商周时期。该项发掘被评为 2005 年度全国十大考古发现，考古发掘者提出将其命名为“鸡公山文化”。在鸡公山遗址附近，同时还发掘了吴家大坪和营盘山两处遗址，出土器物和所处的年代均与鸡公山相同，同属于商周时期遗址。",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["8", "9"]
           },
           {
             "name": "第三单元",
             "title": "农耕渔猎",
             "img": "wmsh-press/hall/10.JPG",
             "intro": "农耕和渔猎是毕节地区早期先民最主要的获取食物的手段。茂密的原始森林和纵横的水流为先民们提供了丰富的食物资源。而适宜的气候、丰富的水源以为早期农业的起源和发展奠定了基础。在毕节海子街扁扁洞、青场瓦窑村、青场老鸦洞、威宁中水鸡公山、吴家大坪、红营盘、赫章可乐等古代遗址中，多处出土大量碳化稻谷和大量的石制农具，反映了该地区早期稻作文化的发达。",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["8", "9"]
           }
         ],
         "subtitle": ""
@@ -116,14 +126,16 @@ export const chapters = [
             "title": "赫章可乐墓葬",
             "img": "wmsh-press/hall/11.JPG",
             "intro": "从上世纪六十年代以来，考古部门在赫章县可乐乡进行过多次考古调查和发掘，共发掘三百多座战国至汉代的墓葬，其中多数是地方民族墓葬，少部分是具有中原特征的汉式墓葬。墓葬中出土大量铜器、铁器、陶器、玉器、骨器等随葬品。尤其是在民族墓葬中发现的“套头葬”，是国内外从未见过的一种奇特葬俗，引起社会各界高度的关注。2000 年可乐墓葬考古发掘，被评为年度全国十大考古新发现，2006 年 6 月，可乐遗址被公布为全国重点文物保护单位。2010 年 11 月，可乐遗址被公布为全国第一批国家遗址考古公园。",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["10", "11"]
           },
           {
             "name": "第二单元",
             "title": "威宁中水墓葬",
             "img": "wmsh-press/hall/12.JPG",
             "intro": "威宁县中水镇从上世纪六十年代起，就发现分布有不少夜郎时期的古墓葬。1978 年、1979 和2004 年，考古部门先后在银子坛等地发掘 130 多座战国至东汉时期的墓葬，出土数百件具有地方特色的陶器、铜器、铁器和玉石器，为贵州古代夜郎历史研究提供了十分重要的资料。",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["10", "11"]
           }
         ],
         "subtitle": "神秘的夜郎文化"
@@ -138,28 +150,32 @@ export const chapters = [
             "title": "黔西汉墓",
             "img": "wmsh-press/hall/13.JPG",
             "intro": "1972 年、1973 年及 2005 年，考古部门先后在黔西县甘棠、林泉、绿化的野坝、罗布垮、高坡、熊坡、朝阳、大海子、红星、双星、石园等地发掘近四十座东汉墓葬，出土的铜器、铁器、陶器、玉石器、琉璃器等随葬品都与中原东汉墓葬相同，说明当时这一带有不少来自中原地区的居民生活，他们成为中原文化在贵州高原的传播者和见证人。",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["12", "11"]
           },
           {
             "name": "第二单元",
             "title": "金沙后山汉墓",
             "img": "wmsh-press/hall/14.JPG",
             "intro": "位于金沙县后山乡后山村坟坝寨西北，东汉时期墓葬。1994 年清理墓葬一座。由墓道、墓室、头厢、侧室、墓室组成，是典型的东汉画像室墓。墓室全用黄砂石修砌，因早年被盗，随葬器物基本不存，清理出土残存石俑2 件，镇墓兽1 件，石质买地券 1 件。但墓壁上存留的浮雕图案生动反映了当时人们的生活场景，具有重要历史价值。",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["12", "11"]
           },
           {
             "name": "第三单元",
             "title": "毕节汉墓",
             "img": "wmsh-press/hall/15.JPG",
             "intro": "从上世纪七十年代初以来，省考古部门、地市文物部门先后在毕节城区周边清理发掘了虎踞山汉墓、双树湾汉墓。墓葬形制有土坑竖穴墓、砖室墓，出土了陶俑、汉砖、水塘模型等器物，说明在东汉时期，中原移民就在毕节山城劳动、生息和繁衍。",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["12", "11"]
           },
           {
             "name": "第四单元",
             "title": "赫章、威宁辅处汉墓",
             "img": "wmsh-press/hall/16.JPG",
             "intro": "辅处汉墓，位于赫章威宁两县交界的辅处彝族苗族乡辅处河两岸，墓葬分布在赫章辅处、罗戈寨及威宁潘家寨、梨树寨一带 2.5 平方公里的土丘地带。1958 年修水沟在罗戈寨南山湾子挖出石寨山式铜鼓与铁剑等器物，并有竖穴土坑墓、砖室墓、石室墓暴露。地表散见汉砖与墓石。砖有几何纹、车马纹及“富贵昌”等铭文。是汉代交通要道上的一个较为繁华的集镇。",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["12", "11"]
           }
         ],
         "subtitle": "中原第一次大移民"
@@ -176,8 +192,9 @@ export const chapters = [
         "name": "第一部分",
         "title": "三国至唐代",
         "intro": "据彝、汉文献记载：早在三国时期，一位叫妥阿哲（汉文献称“济火”）的彝族首领因帮助诸葛亮征讨南中有功而被封为罗甸国王，统治包括今毕节、大方、黔西、织金、纳雍、金沙等县的大片土地，是为慕俄勾君长国。至迟在元代，慕俄勾的势力已跨过了乌江上游的鸭池河，向东一直延伸到今贵阳一带，但统治中心在鸭池河之西，因此慕俄勾亦被称为水西。除慕俄勾外，黔西北地区尚有俄索氏在西北建立的纪俄勾乌撒君长国，到宋朝的折怒时期，统治区域大致包括今威宁、赫章及周边一带。",
-        "children": [],
-        "subtitle": "彝族地方政权的建立"
+        "children": [
+        ],
+        "subtitle": "彝族地方政权的建立",
       },
       {
         "name": "第二部分",
@@ -189,14 +206,16 @@ export const chapters = [
             "title": "羁縻政策",
             "img": "wmsh-press/hall/17.JPG",
             "intro": "“羁縻政策”是自秦朝建立郡县制起到宋、元交替时期前，中央王朝笼络少数民族使之不生异心而实行的一种地方统治政策。通过这种政策，处理中央与地方少数民族聚居的关系，以维系中央集权制度的统治。黔西北地区在“羁縻政策”下，建立和推动了土司制度巩固和完善。设置了专门的土司职衔，对土官袭替的监督与控制，土司赋役与朝贡的制度化、接受先进的汉文化等，促进地方经济社会的发展。",
-            "subtitle": "土司制度的巩固和完善"
+            "subtitle": "土司制度的巩固和完善",
+            "imgs": ["13", "14"]
           },
           {
             "name": "第二单元",
             "title": "明代卫所制度",
             "img": "wmsh-press/hall/18.JPG",
             "intro": "明代卫所制度，是明统治者在总结历代边疆行政管理制度与兵制的基础上,将军事制度与地方行政管理制度相结合的产物。明中央政府在毕节地区推行的卫所制度,促进了毕节军事、政治、经济、文化的发展以及民族关系的变化,对毕节的历史发展产生了极为深远的影响。先后在水西、乌撒及其周边地区设置了卫所。同时，依前朝旧例，赐封水西统治者为贵州宣慰司宣慰使。形成了土（土官，即本土官员）、流（流官，即朝庭委派的官员）共治的局面。卫所的建立象征着中央势力在地方的渗透, 卫所建立之后,大量汉族及各少数民族移民涌入,给地方政治、社会、经济的发展带来了很大的发展。",
-            "subtitle": "土、流并治"
+            "subtitle": "土、流并治",
+            "imgs": ["13", "14"]
           }
         ],
         "subtitle": ""
@@ -211,49 +230,56 @@ export const chapters = [
             "title": "彝文古籍文献",
             "img": "wmsh-press/hall/19.JPG",
             "intro": "据研究表明，彝族原始古彝文的创制和出现时间大致可推算为 7000-10000 年以上，而且语言文字系统独立完整。它与苏美尔文字、古埃及文字、中国甲骨文、玛雅文字、哈拉般文字等，被学术界称为是世界最古老的六大文字之一，且是至今唯一还在使用的文字。彝族先民在征服自然、改造自然的生产斗争和生活实践中，留下了大量的遗迹，他们不仅创造了文字，用文字和图画相结合来记录历史和社会生活，而且还发明和创造了二十四节气、十月太阳历等，为人类文化的进步发展作出了巨大的贡献。彝族作为毕节地区历史上居住了3000 多年、又有1400多年统治历史的阶层，对保留、传承、发展彝文字和彝文化提供了得天独厚的人文条件和物质基础，是全国彝文化沉积和文字保留最为丰富的地区之一。通过调查，全区彝文古籍现存 5000 多册，内容涉及哲学、历史、天文、历法、艺术、法律、医药、伦理、道德、教育、冶炼、蓄牧、民俗、礼仪等 40 余类；登记了 3500 余册，收集了1300 余册，整理翻译出版了 43 部 80 余卷 1300 余万字。是中华民族的珍贵财富。",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["15", "16"]
           },
           {
             "name": "第二单元",
             "title": "彝族向天墓",
             "img": "wmsh-press/hall/20.JPG",
             "intro": "彝族向天墓（也称“向星墓”），分布于毕节地区威宁、赫章两县境内的近 15 个乡镇，已发现有向天墓200多座，成规模的大型向天墓有 40 余座。向天墓系古代彝族火葬族群中的一种基本葬式，上层人士的规格通常较大。明郭子章《黔记》、嘉靖《贵州通志》、清道光《大定府志》等均有记载：“既焚，以麻布为帐，覆之，守之三日，乃去焚余及其灰，不复掩埋也。”通过考古调查，墓内无任何葬具和随葬品。有学者认为向天墓系古代彝族的观象台，还有学者认为是对应所属星座而掩埋灵魂的墓葬。因在山顶修建，其外形之独特、规模之宏大、内涵之神秘，在中外墓葬形制中实属罕见，被誉为是东方“金字塔”。",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["15", "16"]
           },
           {
             "name": "第三单元",
             "title": "毕摩文化",
             "img": "wmsh-press/hall/21.JPG",
             "intro": "布摩是彝族从事原始祭祀的祭司,其中不少又是传播彝族历史文化的代表人物,他既是传统的文化人,负有传播彝族传统文化与教化育人的职责,又是祭祖等传统祭祀活动的主持人,还是彝族地方政权体制中的三大主要成员之一,有着贵族的身份,布摩与史官身份的“摩史”一起,参与着写史、编史和几乎所有的军事活动。是彝族文化的宝贵传承者。",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["15", "16"]
           },
           {
             "name": "第四单元",
             "title": "奢香九驿",
             "img": "wmsh-press/hall/22.JPG",
             "intro": "明代奢香是彝族女政治家，在历史上为维护祖国统一和民族团结做出过贡献。为了打破“水西”的封闭状态，谋求黔西北地区社会经济的发展，她主持开辟了“龙场九驿”，沟通了川滇黔的交通驿道。",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["15", "16"]
           },
           {
             "name": "第五单元",
             "title": "纳雍出土窖藏彝族流散文物",
             "img": "wmsh-press/hall/23.JPG",
             "intro": "1991 年 10 月 2 日,纳雍县居仁乡王家寨柯家营村出土，经省文物局文物鉴定专家组鉴定，这批器物属明代文物，具有鲜明的黔西北彝族文化特征，是研究水西地区历史文化发展的珍贵实物资料。",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["15", "16"]
           },
           {
             "name": "第六单元",
             "title": "彝族土司庄园建筑",
             "img": "wmsh-press/hall/24.JPG",
             "intro": "彝族土司庄园建筑，即彝族上层阶级土司、土目的居住建筑。建筑形制分为两类。一类是以木结构建筑为主的水西式庄园建设；另一类是以夯土墙木屋架为主的乌蒙式庄园建筑。它们有一个共同的特点，是在整个庄园布局中，分公共活动区域(即主人、仆人、家丁、兵庸共同使用)、家人活动区域（即只有主人和佣人使用）。并设有高大的围墙和为数不等的雕楼等防御设施。以全国重点文物保护单位大屯土司庄园为代表的黔西北彝族土司庄园，被称之为民族建筑的瑰宝。",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["15", "16"]
           },
           {
             "name": "第七单元",
             "title": "毕节地区明清古营盘",
             "img": "wmsh-press/hall/25.JPG",
             "intro": "营盘，作为历史上“冷兵时代”的主要防御功事，是毕节先民充分利用卡斯特地貌的独特地形优势，筑建的军事、防御工事。经调查发现全区现存明清时期古营盘有近60处，是研究地方军事、屯兵、屯民布局及土官、移民防御的历史见证。",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["15", "16"]
           }
         ],
         "subtitle": ""
@@ -275,43 +301,50 @@ export const chapters = [
             "name": "第一单元",
             "title": "城市、商业的繁荣",
             "intro": "在改土归流 “重农抑商”政策的推动下，社会生产得到迅速发展。毕节地处川滇黔三省枢纽的地理优势得到凸现。商品的贩运、流通、交换十分繁荣，毕节作为全国商业市场网络西南片区的一个重要环节，随着土官政治的瓦解, 封建割据的崩溃, 领主经济逐渐被封建经济所取代的形势下，城市建设发展迅速，使毕节地区社会、经济、文化得到了全面发展。",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["18", "19"]
           },
           {
             "name": "第二单元",
             "title": "“茶马古道”",
             "intro": "毕节史来是川、滇、黔三省枢纽之地。其古道有战国时李冰开凿的“僰道”，秦时长頞开凿的“五尺道”，汉代司马相如开凿的“西夷道”，唐蒙开凿的“南夷道”等。其道路的走向为：今四川宜宾，经高县、鸽连，入云南盐津、大关、昭通、镇雄，折入贵州毕节、威宁，再入云南宣威、曲靖。三国时诸葛亮在僰道分三路征南，隋唐时，在“五尺道”基础上修筑了“石门道”。元代开拓了泸州、永宁到乌撒的南北道路，形成了元以后重要的“贡茶古道”。从此，毕节、赫章、威宁就成为云南连接四川的交通枢纽干道。后逐增加毕节经大方瓢井、金沙马路、清池入赤水河分旱、水路到内地的商旅通道。交通的发达，带来了经济社会的发展。在贵州出产的罗甸马、黔西马、水西马、乌蒙马中，其毕节地区的水西马、乌蒙马全国有名，外销极盛。洪武十七年，乌撒（今威宁）每年交易马 6500 匹，次年，贵州宣慰司（今黔西、大方）、乌蒙府（今威宁）、毕节卫（今毕节）买马6720 匹。同时，金沙清池茶、织金的平桥茶远销各地，川盐集散、当地土特产、外来商品等集散贸易繁荣，“三省枢纽城市”的地位十分显著。",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["18", "19"]
           },
           {
             "name": "第三单元",
             "title": "流散文物",
             "intro": "毕节是一个文人荟萃、文化底蕴深厚之地，广大民众历来十分注重历史文化的保护、传承和弘扬。1948 年至1949年间，国民党毕节专署、黔西县政府在当地征集了一批散存民间的流散文物，准备举办陈列展览。但末设展而解放，使这批珍贵的文物被保存下来。另一部分是1966 年“破四旧”中收缴幸存下来的流散文物。",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["18", "19"]
           },
           {
             "name": "第四单元",
             "title": "馆藏书画",
             "intro": "毕节是一个文人荟萃、文化底蕴深厚之地，广大民众历来十分注重历史文化的保护、传承和弘扬。1948 年至1949年间，国民党毕节专署、黔西县政府在当地征集了一批散存民间的流散文物，准备举办陈列展览。但末设展而解放，使这批珍贵的文物被保存下来。另一部分是1966 年“破四旧”中收缴幸存下来的流散文物。",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["18", "19"]
           },
           {
             "name": "第五单元",
             "title": "黔西北墓雕石刻",
             "intro": "黔西北墓雕石刻，属清代晚期至民国早期遗物，分布于全区各地，以赤水河流域古盐道延伸的金沙、黔西、大方、毕节最为集中。现存墓雕石刻墓有100 余所，其中以金沙敖家坟石刻、黔西宋家沟花坟、织金方家坟、大方周家坟为典型代表。黔西北墓雕石刻继承和发展清代古典巴蜀牌坊建筑文化和荆楚墓雕文化的营造形制和装饰风格,在中国传统石刻艺术走向衰落之际，在毕节地区得以传承和发展。精湛的石刻工艺和丰富的传统文化题材,被世人誉为“黔西北石刻艺术宝库”和“留在石头上的史书”。",
-            "subtitle": "一部刻在石头上的“史书”"
+            "subtitle": "一部刻在石头上的“史书”",
+            "imgs": ["18", "19"]
           },
           {
             "name": "第六单元",
             "title": "近代烽火",
             "intro": "黔西北墓雕石刻，属清代晚期至民国早期遗物，分布于全区各地，以赤水河流域古盐道延伸的金沙、黔西、大方、毕节最为集中。现存墓雕石刻墓有100 余所，其中以金沙敖家坟石刻、黔西宋家沟花坟、织金方家坟、大方周家坟为典型代表。黔西北墓雕石刻继承和发展清代古典巴蜀牌坊建筑文化和荆楚墓雕文化的营造形制和装饰风格,在中国传统石刻艺术走向衰落之际，在毕节地区得以传承和发展。精湛的石刻工艺和丰富的传统文化题材,被世人誉为“黔西北石刻艺术宝库”和“留在石头上的史书”。",
-            "subtitle": "清咸同苗民陶三春、陶新春起义遗址"
+            "subtitle": "清咸同苗民陶三春、陶新春起义遗址",
+            "imgs": ["18", "19"]
           },
           {
             "name": "第七单元",
             "title": "威宁石门坎光华学校旧址",
             "intro": "威宁石门坎光华学校旧址，位于威宁县石门乡政府所在地。距威宁县城 140 公里。与云南昭通市昭阳区毗邻，距昭通市 23 公里。现存遗址面积 1 平方公里，文物遗址近40处。清光绪三十一年（1905 年）英国传教士柏格理的到来，创办边远极贫地区文化教育事业、社会福利事业。创造了多个第一：创造了苗文，结束了苗族无母语文字的历史；兴建了威宁第一所中学；创办了中国第一个双语教育学校；开创了中国第一个男女学生同校的先河；修起了贵州有史以来的第一个足球场；它是 20 世纪上半叶中国西南最大的基础教育网络，管辖川滇黔地区 100 余所学校和机构；中国最早的麻疯病院和中国第一所苗民医院在这里诞生；中国境内首次发现和报告地氟病的地点在石门；苗族历史上的第一位博士从这里走出……。经过 40 余年的艰苦创业，把一个“晦盲否塞、结绳刻木”的苗民地区，发展成为“西南苗族文化的最高区”。这里，是东西方文化交融的传奇之地；是生态恶劣、极度贫困、文化原始地区发展教育的典范之地；是西南民族文化的源泉之地；是山地民族建筑、中西建筑文化融合之地。让我们带着崇敬的心态，走进这一神秘的“海外天国”，去瞻仰人类的真、善、美。",
-            "subtitle": "中西文化交融的神秘之地"
+            "subtitle": "中西文化交融的神秘之地",
+            "imgs": ["18", "19"]
           }
         ],
         "subtitle": ""
@@ -334,28 +367,32 @@ export const chapters = [
             "title": "星火燎原",
             "img": "wmsh-press/hall/1.JPG",
             "intro": "自 20 世纪 30 年代始，毕节进步青年周稚九、刘超凡带着革命思想回到毕节，发起成立了“少年贵州会毕节支部”，积极开展反帝反封建、传播进步思想的革命活动，影响了沉寂的黔西北地区。通过“醒民社”，举办演讲会，传播反帝爱国思想，开毕节新文化运动之先河。相继，黔西成立了“黔西县学生分会”，织金成立了“织金新剧团”。1931 年，蓝云臧加入秦天真组织的“贵州学生救国团”和“贵州妇女反日救国团”，在黔西县创办《黔西月刊》，宣传抗日救亡和妇女解放的思想。1933 年初冬，共产党员林青、缪正元回到家乡毕节，通过合法的群众组织“草原艺术研究社”，宣传抗日救亡，团结进步青年，培养革命骨干，为党组织的建立、武装斗争的开展奠定坚实的基础",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["20", "21"]
           },
           {
             "name": "第二单元",
             "title": "地下党配合红军开展革命活动",
             "img": "wmsh-press/hall/2.JPG",
             "intro": "红二、六军团进入毕节前夕，省工委委员邓止戈到毕节搞兵运工作，掌握了席大明、周质夫、阮俊臣等地方武装力量。同时，在毕节进行军事特工工作的地下党员陆育生积极做毕节行署专员莫雄的统战工作，红军挺进毕节前夜，莫雄率领政要撤离毕节。2 月 9 日，红军进毕节时，席大明亲率队伍出城迎接红军，红军不费一枪一弹占领了毕节城。至此，二、六军团完成了从石（矸）、镇（远）、黄（平）向黔、大、毕战略转移的任务。在红二、六军团的领导下，地方党组织积极配合成立了“中华苏维埃人民共和国川滇黔省革命委员会”，同时，以地下党所掌握的三支主要武装力量为基础，在毕节正式组建“贵州抗日救国军”，由毕节知名爱国民主人士周素园任司令员，邓止戈任参谋长。任命席大明为第一支队长、周质夫为第二支队长、阮俊臣为第三支队长。毕节地下党带领黔西北各族儿女，积极投身于反蒋抗日的革命热潮中，革命的烈火燃遍黔山大地。",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["20", "21"]
           },
           {
             "name": "第三单元",
             "title": "抗日救亡运动",
             "img": "wmsh-press/hall/3.JPG",
             "intro": "早在 1936 年 2 月，省工委委员邓止戈就联系地方进步武装席大明、周质夫、阮俊臣成立“贵州抗日救国军”，请出贵州辛亥革命元老、知名人士周素园担任司令员，邓止戈任参谋长。另还建立了毕节县抗日救国委员会、大定县抗日救国委员会等抗日组织。从 1938 年到 1939 年先后建立了毕节县工委、织金县工委、黔大仁中心县委、新场党支部、黔西城区党支部、三重堰联络站党支部、大定党支部、石场支部和石场小组、怀仁支部等党组织。地下党利用合法的“群益书店”、“七月文具用品社（简称“七月书店”）”、“邻里小学”、“我们的读书室”“孩子剧团”等公开组织，宣传抗日救国，传播马列主义。",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["20", "21"]
           },
           {
             "name": "第四单元",
             "title": "解放战争时期毕节地下党的发展",
             "img": "wmsh-press/hall/4.JPG",
             "intro": "抗战时期，国民党的三次反共高潮使磅礴发展的中共毕节地下党组织遭到严重破坏。邻近的四川古蔺县中心县委、滇东北地委、滇东特支等纷纷深入毕节地区开展革命活动，建立了羊场坝特支、金遵特支，威宁党支部等，恢复党的建设工作。为了配合人民解放军解放毕节地区，毕节地下党成立了织金猫场游击队、威宁游击团、水城游击队，广泛宣传共产党的政治主张、方针政策，唤醒民众，开展统战工作，领导护厂斗争，成功地举行了威宁海田等武装起义，组织群众，积极支前，配合人民解放军歼灭叛乱，解放了毕节地区全境。毕节是个有着光荣历史的革命老区。1934 年1 月，诞生了贵州地下党第一个党支部，以林青为代表的共产党员在这块土地上前赴后继，英勇奋斗，开展了轰轰烈烈的反蒋抗日救亡运动，发展壮大了党组织，迄至1949 年，已建立33个支部、1 个总支、2 个特支、2 个县工委和1 个中心县委，发展党员 300 多人。毕节是个浸润着红军精神的老区，磅礴的乌蒙山、滔滔的乌江水无处不侵润着红军的鲜血和坚韧的革命斗争精神。新时期，中共毕节党组织将继续发扬“坚定信念，百折不挠；艰苦奋斗，坚忍不拔；无私奉献，勇于牺牲；拥军爱民，患难与共”的革命老区精神，建设美好毕节。",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["20", "21"]
           }
         ],
         "subtitle": ""
@@ -370,35 +407,40 @@ export const chapters = [
             "title": "鸡鸣三省”会议",
             "img": "wmsh-press/hall/5.JPG",
             "intro": "1935 年 2 月 5 日， 中央红军在进军途中，在林口镇鸡鸣三省村召开了 “鸡鸣三省”会议，批判了博古、李德的军事错误，成立了由毛泽东、周恩来、王稼祥组成的新的三人军事领导小组，进一步确立了毛泽东在党和红军中的领导地位；会议讨论了中央红军行动方向，并成立以项英、陈毅、贺龙组成的革命军事委员会中区分会等项决定，进一步巩固了遵义会议的伟大成果。",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["20", "21"]
           },
           {
             "name": "第二单元",
             "title": "省级地方革命政权",
             "img": "wmsh-press/hall/6.JPG",
             "intro": "1936 年 1 月，红二、六军团进军贵州，19 日在石阡县召开会议，确立部队西进在川、滇、黔地区开展活动，争取在贵州西北部建立根据地的战略方针。2 月1 日，红二、六军团突破鸭池河口防御，挺进黔西北。在黔西会议后，于6日，在大方进步人士彭新民组织的群众欢迎队伍的簇拥下，红军开进了大定县城。2 月 7 日，军团领导任弼时、关向应、王震、夏曦、甘泗淇等随十六师抵达大定，当天在任弼时等军团领导的主持下，在西门福音堂成立了中华苏维埃人民共和国川滇黔省革命委员会。标志着贵州高原唯一一个省级地方革命政权正式成立。17 日，川滇黔省革命委员会迁毕节，进驻百花山福音堂。",
-            "subtitle": "川滇黔省革命委员会的建立"
+            "subtitle": "川滇黔省革命委员会的建立",
+            "imgs": ["20", "21"]
           },
           {
             "name": "第三单元",
             "title": "地方革命组织的成立",
             "img": "wmsh-press/hall/7.JPG",
             "intro": "在川滇黔省革命委员会的领导下，毕节地区各级革命政权先后组建，由于时间短，部分人民革命政权的组织机构不健全，有的职权则由游击队代行。据不完全统计，川滇黔省革命委员会和红军武工队在黔西北建立了8 个区级苏维埃临时政权，95 个乡、村级苏维埃临时政权。各级苏维埃临时政权配合红军，积极开展各项革命活动。",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["20", "21"]
           },
           {
             "name": "第四单元",
             "title": "开展革命斗争",
             "img": "wmsh-press/hall/8.JPG",
             "intro": "川滇黔省革命委员会在红军的领导下，在毕节地下党组织的积极配合下，在黔西北各民族的热烈拥护下，在根据地开展了一系列的革命斗争，革命烈火燃遍了黔西北大地。",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["20", "21"]
           },
           {
             "name": "第五单元",
             "title": "战果辉煌",
             "img": "wmsh-press/hall/9.JPG",
             "intro": "红军在毕节期间，带领黔西北各族儿女开展了轰轰烈烈的革命斗争，把革命的火种撒遍乌蒙大地。使红军得到了及时的休整和补充，五千多黔西北各族儿女参加红军，为中央红军顺利长征创造了条件。被誉红二、六军团长征史上的“黄金时期”。",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["20", "21"]
           }
         ],
         "subtitle": ""
@@ -421,14 +463,16 @@ export const chapters = [
             "title": "毕节地区人民政府的建立",
             "img": "wmsh-press/hall/1.JPG",
             "intro": "1949 年 12 月 3 日，由赵欲樵、孟子明、侯国祥、王林岗、陈健吾 5 人组成的毕节专区党政军领导到达毕节，中共毕节地委、专员公署、军分区相继成立，建立了人民政权。",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["22"]
           },
           {
             "name": "第二单元",
             "title": "各县人民政府的成立",
             "img": "wmsh-press/hall/2.JPG",
             "intro": "1951 年 3 月，各县相继召开各族各界人民代表大会，分别成立县民族民主联合政府。1952 年6 月,按照中央有关指示精神,各县民族民主联合政府改称县人民政府。",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["22"]
           }
         ],
         "subtitle": ""
@@ -443,21 +487,24 @@ export const chapters = [
             "title": "文化事业的发展",
             "img": "wmsh-press/hall/3.JPG",
             "intro": "解放后，党和政府十分重视文化艺术、新闻出版工作。从 1949 年 12 月，毕节新华书店挂牌营业起到1958年止，全区共建立文化馆 96 个，文化站592 个，各县影院先后建成开业，各种小报和刊物共计133 种。到80 年代中期，全区文化馆、文化站、图书馆、群艺馆、文艺表演队等文化广播新闻出版事业建设发展迅速，群众文化活动设施、机构体系基本形成，社会文化生活十分丰富。十一届三中全会后，建立和完善了文博机构，开展了文物普查，实施文物保护，基本形成了历史文化保护管理体系。",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["23", "24"]
           },
           {
             "name": "第二单元",
             "title": "教育事业的发展",
             "img": "wmsh-press/hall/4.JPG",
             "intro": "解放后，我区教育事业得到了较快发展，各级各类学校如雨后春笋般建立起来，教育工作取得显著成就。培养和造就了成千上万、不同层次的各种人才，推动了经济社会的发展。1950 年 7 月，全区共恢复中学7 所（公立4 所，私立3所），教职工 125 人，其中专任教师74 人。到年底，已恢复中学 11 所，教职工 180 人，其中专任教师102 人。到1988年底，全区教师数量与 1950 年相比增长40 倍，为39974人，其中专任教师 35389 人，知识结构已发生了很大变化。各类学校总计 4960 所。",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["23", "24"]
           },
           {
             "name": "第三单元",
             "title": "卫生事业的发展",
             "img": "wmsh-press/hall/5.JPG",
             "intro": "毕节地区流行性传染病、地方病较多。解放前，由于缺医少药，没有得到应有的防治，以致长期危害。解放后，省卫生防疫大队于 1950 年初派员与本地医务人员共同采取措施，对流行性传染病进行控制。之后，地、县医院、乡镇卫生所、村卫生室等医疗机构相继建立，人民群众的医疗、防疫得到了彻底的改善。",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["23", "24"]
           }
         ],
         "subtitle": ""
@@ -472,14 +519,16 @@ export const chapters = [
             "title": "丰富的矿产采炼业",
             "img": "wmsh-press/hall/6.JPG",
             "intro": "毕节地区是一个矿产资源丰集的地区，主要有煤、铅锌、铁、铜、硫、磷等及非金属矿产大理石、石膏、铝矾土、耐火材料、电石等。据考古调查表明，起至唐代，毕节地区的赫章、威宁县就出现了铜矿采炼业。但由于受交通和发展的制约，解放前，矿产采炼业十分落后。解放后，丰富的矿产资源优势才逐步得到开发利用。",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["25"]
           },
           {
             "name": "第二单元",
             "title": "农牧渔业",
             "img": "wmsh-press/hall/7.JPG",
             "intro": "解放后，毕节地区经济以农业为主，近半个世纪，大体精力恢复和迅速发展，严重受挫和调整，徘徊缓慢发展和全面快速发展四个阶段。1951 年至1952 年，完成土地改革，全专区 241.7 万农业人口中的179.99 万无地少地的农民分得或补得土地，生产力得到解放。1953 年10 月，第一个初级农业生产合作社成立。各县相继试办初级社，此后逐步增多。并转为高级农业生产合作社。1957 年，全专区办高级社4320 个，入社农户 53.63 万户，占总农户的91.5%。1957年，全区农业总产值 8.62 亿元，粮食总产量71.14 万吨，大牲畜存栏 61.64 万头（匹），生猪存栏75.11 万头，得到了很大的增长。",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["25"]
           }
         ],
         "subtitle": ""
@@ -494,14 +543,16 @@ export const chapters = [
             "title": "交通发展",
             "img": "wmsh-press/hall/8.JPG",
             "intro": "1949 年冬，刚解放的毕节，交通残局十分破败萧条。同年 12 月，毕节专员公署建设科成立，主管农业、交通业务，到 1950 年，先后拼装修复汽车16 辆，连同省援助的15辆和缴获的共有汽车 36 辆，组建了毕节汽车运输公司，成为当时客货运输的主力。1951 年，开始修建大（定）普（定）路和威水路。继此，毕（节）纳（雍）路、站（街）织（金）路、金（沙）黔（西）路相继修建，到1958 年建成公路760余公里，县县宣告同公路，并打开了连接安顺、遵义、镇雄等邻近专县的通道。至 1975 年，全区公路通车里程已达3455公里，区区宣告同公路。拥有各种汽车1060 辆，交通条件得到重大改善。",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["26"]
           },
           {
             "name": "第二单元",
             "title": "商业发展",
             "img": "wmsh-press/hall/9.JPG",
             "intro": "1950 年初，毕节专署设立工商科和毕节专区贸易公司。连同接管并建立毕节盐务局，构成全地区最早的社会主义国营商业机构。1954 年，全区国营商业开始对个体私营商业进行社会主义改造，通过代销、经销，组织合作商店或合作小组全行业公私合营等形式，将个体私营商业改造为集体商业或国营商业。1956 年 11 月，地、县商业局正式成立。初步形成了门类齐全的国营集体商业体系和集中管理的商业计划体系。以满足城乡人民的物质生活需要和部分生产需要。从 1953 年至 1978 年的 20 多年间，全区商业系统的商品销售总额达 19 亿元，实现利润 5613 万元，对国家作出了重要贡献。",
-            "subtitle": ""
+            "subtitle": "",
+            "imgs": ["26"]
           }
         ],
         "subtitle": ""
@@ -632,4 +683,4 @@ export const chapters = [
     ],
     "subtitle": ""
   }
-]
+]
\ No newline at end of file

src/views/boutique/components/wmsh/index.vue

@@ -118,14 +118,28 @@
             <img
               src="@/assets/imgs/boutique/wmsh/common/border_left.png"
               alt=""
-              v-if="i % 2 === 1"
+              v-if="i % 2 === 1 && i > 4"
               class="wow animate__animated animate__slideInRight"
               data-wow-delay="0.3s"
             />
             <img
-              src="@/assets/imgs/boutique/wmsh/common/border-right.png"
+              src="@/assets/imgs/boutique/wmsh/common/border_right.png"
               alt=""
-              v-if="i % 2 === 0"
+              v-if="i % 2 === 0 && i > 4"
+              class="wow animate__animated animate__slideInLeft"
+              data-wow-delay="0.3s"
+            />
+            <img
+              src="@/assets/imgs/boutique/wmsh/common/border_left1.png"
+              alt=""
+              v-if="i % 2 === 1 && i <  5"
+              class="wow animate__animated animate__slideInRight"
+              data-wow-delay="0.3s"
+            />
+            <img
+              src="@/assets/imgs/boutique/wmsh/common/border_right1.png"
+              alt=""
+              v-if="i % 2 === 0 && i < 5"
               class="wow animate__animated animate__slideInLeft"
               data-wow-delay="0.3s"
             />
@@ -141,12 +155,26 @@
               </div>
             </div>
             <div class="pic">
-              <div>
-                <img src="@/assets/imgs/boutique/wmsh/hall/1.jpg" alt="" />
+              <!-- {{ curNode }} -->
+              <div
+                v-for="(n, x) in curNode[i - 1]?.imgs || []"
+                :key="`${i}_img_${x}`"
+              >
+                <img
+                  :src="require(`@/assets/imgs/boutique/wmsh/hall/${n}.jpg`)"
+                  alt=""
+                />
               </div>
-              <div>
+              <template  v-if="curNode[i - 1]?.imgs && curNode[i - 1]?.imgs.length < 2">
+                <div
+                 v-for="(n, y) in (2 - curNode[i - 1]?.imgs.length)" :key="`${i}_img_${y}_bp`"
+                >
+                  <div></div>
+                </div>
+              </template>
+              <!-- <div>
                 <img src="@/assets/imgs/boutique/wmsh/hall/2.jpg" alt="" />
-              </div>
+              </div> -->
             </div>
             <div class="txt" v-if="i % 2 === 0">
               <p>{{ getTitle(curNode[i - 1]) }}</p>
@@ -255,12 +283,12 @@ export default {
       zpNames: [
         "磨制有肩石锛",
         "陶罐",
-        "磨制肩石锛",
+        "明青铜“碗口筒”炮",
         "唐观音说法铜造像",
         "陶豆",
         "汉陶武俑",
         "清雕刻龙纹卧牛络书河图端砚",
-        "汉陶屠宰俑",
+        "明“威定营标下旗鼓关防”铜印",
       ],
       sort: [1, 2, 3],
     };
@@ -553,6 +581,7 @@ export default {
               padding-top: 10px;
               margin-top: 0;
               font-weight: 600;
+              font-style: italic;
             }
             > div {
               font-size: 16px;
@@ -662,6 +691,7 @@ export default {
           > .zp-img {
             background-repeat: no-repeat;
             background-size: contain;
+            background-position: 50% 50%;
             display: flex;
             justify-content: center;
             align-items: center;
@@ -718,7 +748,7 @@ export default {
             width: 400px;
             height: 400px;
             > img {
-              height: 275px;
+              height: 400px;
             }
           }
         }
@@ -774,9 +804,9 @@ export default {
         }
         .zp8 {
           top: 60px;
-          left: 50%;
+          left: 47%;
           > .zp-img {
-            width: 400px;
+            width: 430px;
             height: 400px;
             > img {
               height: 275px;

src/views/boutique/components/wrf/index.vue

@@ -140,7 +140,7 @@
             <div class="img-container">
               <img src="@/assets/imgs/boutique/wrf/4th/right.png" alt="" />
             </div>
-            <div class="text">详细介绍王若飞故居陈列馆详细过程</div>
+            <div class="text">策划人讲解王若飞故居陈列馆</div>
             <div class="video-button">观看视频</div>
           </div>
         </div>
@@ -583,10 +583,11 @@ export default {
 
           .img-container {
             width: 100%;
+            height: 66px;
 
             img {
-              width: 100%;
-              // height: 100%;
+              // width: 100%;
+              height: 100%;
             }
           }
         }

src/views/boutique/components/zs/index.vue

@@ -146,6 +146,7 @@
                 <img
                   src="@/assets/imgs/boutique/zs-press/4th/arrow.png"
                   alt=""
+                  @click="handleToVR"
                 />
               </div>
             </div>
@@ -200,6 +201,11 @@ export default {
       src: "",
     };
   },
+  methods: {
+    handleToVR() {
+      window.open("https://www.gzsmzmuseum.cn/3dxuni/zsz/_html5/ZSZ.html");
+    },
+  }
 };
 </script>
 
@@ -451,6 +457,10 @@ export default {
           .img-container {
             animation: changeright 4s linear infinite;
             height: 628px;
+            > img {
+              width: auto;
+              height: 100%;
+            }
           }
 
           .text-content {

vue.config.js

@@ -11,10 +11,12 @@ const cdn = {
   ],
 };
 
-function resolve(dir) {
+function resolve (dir) {
   return path.join(__dirname, dir);
 }
 
+// let BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
+
 module.exports = defineConfig({
   publicPath: "./",
   outputDir: "dist",
@@ -86,6 +88,7 @@ module.exports = defineConfig({
       );
 
     }
+    // config.plugins.push(new BundleAnalyzerPlugin({ analyzerPort: 8920 }))
   },
   chainWebpack: (config) => {
     // 删除预加载