教育史馆增加动画

src/views/boutique/components/jysg.json

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

src/views/boutique/index.vue

 <template>
-    <div class="botique">
-        <SMGZ v-if="currentTitle == '神秘贵州'" />
-        <YLGDYW v-else-if="currentTitle == '夜郎国的疑问'" />
-        <JYYCC v-else-if="currentTitle == '记忆与传承'" />
-        <SDCS v-else-if="currentTitle == '四渡赤水出奇兵'" />
-        <div v-else class="img-container">
-            <!-- <img :src="require(`@/assets/imgs/boutique/${currentTitle}.jpg`)
-            " alt="" /> -->
-            <el-empty description="暂无数据"></el-empty>
-        </div>
+  <div class="botique">
+    <SMGZ v-if="currentTitle == '神秘贵州'" />
+    <YLGDYW v-else-if="currentTitle == '夜郎国的疑问'" />
+    <JYYCC v-else-if="currentTitle == '记忆与传承'" />
+    <SDCS v-else-if="currentTitle == '四渡赤水出奇兵'" />
+    <JYSG v-else-if="currentTitle == '贵州教育史馆'" />
+    <div v-else class="img-container">
+      <el-empty description="暂无数据"></el-empty>
     </div>
+  </div>
 </template>
 
 <script>
@@ -18,47 +17,47 @@ import SMGZ from "./components/SMGZ";
 import YLGDYW from "./components/YLGDYW";
 import JYYCC from "./components/jyycc";
 import SDCS from "./components/SDCS";
+import JYSG from "./components/JYSG";
 export default {
-    components: { SMGZ, YLGDYW, JYYCC,SDCS },
-    watch: {
-        currentTitle: {
-            handler: function (value) {
-                let color = "";
-                if (!value) {
-                    return;
-                }
-                switch (value) {
-                    case "四渡赤水出奇兵":
-                        color = "4";
-                        break;
-                    case "神秘贵州":
-                        color = "5";
-                        break;
-                    case "记忆与传承":
-                        color = "6";
-                        break;
-                    case "夜郎国的疑问":
-                        color = "7";
-                        break;
-                    // case "cjm":
-                    //     color = "1";
-                }
-                this.$store.commit("app/CHANGE_NAV_COLOR", color);
-            },
-            immediate: true,
-        },
-    },
-    data() {
-        return {
-            currentTitle: ''
+  components: { SMGZ, YLGDYW, JYYCC, SDCS, JYSG },
+  watch: {
+    currentTitle: {
+      handler: function (value) {
+        let color = "";
+        if (!value) {
+          return;
+        }
+        switch (value) {
+          case "四渡赤水出奇兵":
+            color = "4";
+            break;
+          case "神秘贵州":
+            color = "5";
+            break;
+          case "记忆与传承":
+            color = "6";
+            break;
+          case "夜郎国的疑问":
+            color = "7";
+            break;
+          // case "cjm":
+          //     color = "1";
         }
+        this.$store.commit("app/CHANGE_NAV_COLOR", color);
+      },
+      immediate: true,
     },
-    mounted() {
-        this.currentTitle = this.$route.params.title
-    }
-}
+  },
+  data() {
+    return {
+      currentTitle: "",
+    };
+  },
+  mounted() {
+    this.currentTitle = this.$route.params.title;
+  },
+};
 </script>
 
 <style>
-
 </style>
\ No newline at end of file

src/views/display/boutiqueTitles.js

+//此处为配置需跳转为精品展的展览
+//在此处添加title后需在@/views/boutique/index.vue中引入对应的页面组件
+export var titles = [
+  "神秘贵州",
+  "四渡赤水出奇兵",
+  "记忆与传承",
+  "夜郎国的疑问",
+  "贵州教育史馆",
+];

src/views/display/index.vue

@@ -111,7 +111,7 @@ import ListBanner from "@/components/ListBanner";
 import { getList, getDisplayExistDict } from "@/api/display";
 import { mapGetters } from "vuex";
 import { debounce } from "@/utils/index";
-
+import { titles} from './boutiqueTitles'
 export default {
   name: "Display",
   components: { ListBanner },
@@ -141,12 +141,7 @@ export default {
         },
       ],
       currentType: "",
-      boutiqueTitles: [
-        "神秘贵州",
-        "四渡赤水出奇兵",
-        "记忆与传承",
-        "夜郎国的疑问",
-      ],
+      boutiqueTitles:titles
     };
   },
   computed: {
@@ -217,7 +212,6 @@ export default {
 
     handleClick(item) {
       let index = this.boutiqueTitles.indexOf(item.title);
-      // debugger
       let newPage;
       if (index == -1) {
         const { themeType, exhibitionId } = item;