新增四渡赤水框架

src/router/index.js

@@ -150,6 +150,12 @@ const routes = [
     name: 'JYYCC',
     component: () => import('@/views/boutique/components/jyycc')
   },
+  {
+    path: '/sdcs',
+    name: 'SDCS',
+    component: () => import('@/views/boutique/components/SDCS')
+  },
+
 
   // 404
   {

src/views/boutique/components/SDCS.vue

+<template>
+  <div class="sdcs">
+    
+  </div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style lang="scss" scoped>
+.sdcs{
+    background-image: url('@/assets/imgs/boutique/sdcs/bg.jpg');
+    height:10693px;
+    width: 100%;
+    background-size: 100% 100%;
+}
+
+</style>
\ No newline at end of file

src/views/boutique/index.vue

@@ -3,6 +3,7 @@
         <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="" /> -->
@@ -16,8 +17,9 @@
 import SMGZ from "./components/SMGZ";
 import YLGDYW from "./components/YLGDYW";
 import JYYCC from "./components/jyycc";
+import SDCS from "./components/SDCS";
 export default {
-    components: { SMGZ, YLGDYW, JYYCC },
+    components: { SMGZ, YLGDYW, JYYCC,SDCS },
     watch: {
         currentTitle: {
             handler: function (value) {
@@ -26,7 +28,7 @@ export default {
                     return;
                 }
                 switch (value) {
-                    case "四渡赤水":
+                    case "四渡赤水出奇兵":
                         color = "4";
                         break;
                     case "神秘贵州":

src/views/display/index.vue

@@ -107,7 +107,7 @@ export default {
         value: ''
       }],
       currentType: '',
-      boutiqueTitles: ['神秘贵州', '四渡赤水', '记忆与传承', '夜郎国的疑问']
+      boutiqueTitles: ['神秘贵州', '四渡赤水出奇兵', '记忆与传承', '夜郎国的疑问']
     };
   },
   computed: {