修改navbar跟随精品展颜色

src/components/NavBar/index.vue

@@ -143,7 +143,7 @@ export default {
           name: value.name,
           path: value.path,
         };
-        if (value.name.indexOf("display") != -1) {
+        if (value.name.indexOf("display") != -1 || value.name.indexOf("boutique") != -1) {
           this.currentTab = {
             name: "展览",
             path: "/display",

src/views/boutique/index.vue

@@ -18,6 +18,34 @@ import YLGDYW from "./components/YLGDYW";
 import JYYCC from "./components/jyycc";
 export default {
     components: { SMGZ, YLGDYW, JYYCC },
+    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: ''