Dia

src/components/Adult/preview/DialogueArticleViewChs/DialogueAnswerViewChs.vue

@@ -239,13 +239,13 @@ export default {
 .NNPE-Big-Book-preview-green {
   .dialogue-answer-view {
     .number {
-      color: #24b99e !important;
+      background: #24b99e !important;
     }
   }
 }
 .NNPE-Big-Book-preview-brown {
   .number {
-    color: #bd8865 !important;
+    background: #bd8865 !important;
   }
 }
 </style>

src/components/Adult/preview/DialogueArticleViewChs/index.vue

@@ -5,7 +5,7 @@
       <el-switch
         style="display: block"
         v-model="showPhrases"
-        active-color="#DE4444"
+        :active-color="activeColor"
         inactive-color="rgba(0,0,0,0.1)"
         active-text=""
         inactive-text="本课生词"
@@ -15,7 +15,7 @@
       <el-switch
         style="display: block"
         v-model="showPractice"
-        active-color="#DE4444"
+        :active-color="activeColor"
         inactive-color="rgba(0,0,0,0.1)"
         active-text=""
         inactive-text="语音练习"
@@ -25,7 +25,7 @@
       <el-switch
         style="display: block"
         v-model="showWord"
-        active-color="#DE4444"
+        :active-color="activeColor"
         inactive-color="rgba(0,0,0,0.1)"
         active-text=""
         inactive-text="取词"
@@ -91,7 +91,13 @@ import WordModel from "./WordModelChs.vue"; // 语音练习模式
 
 export default {
   name: "ArticleView",
-  props: ["curQue", "NNPENewWordList", "NNPEAnnotationList", "colorBox"],
+  props: [
+    "curQue",
+    "NNPENewWordList",
+    "NNPEAnnotationList",
+    "colorBox",
+    "themeColor",
+  ],
   components: { NormalModelChs, Practice, WordModel, PhraseModel },
   data() {
     return {
@@ -107,7 +113,20 @@ export default {
       resColorArr: [],
     };
   },
-  computed: {},
+  computed: {
+    activeColor: function () {
+      let color = "";
+      if (this.themeColor == "red") {
+        color = "#DE4444";
+      } else if (this.themeColor == "green") {
+        color = "#24B99E";
+      } else if (this.themeColor == "brown") {
+        color = "#BD8865";
+      }
+
+      return color;
+    },
+  },
   watch: {},
   //方法集合
   methods: {

src/components/Adult/preview/WordPhrase.vue

@@ -256,14 +256,8 @@ export default {
     },
     handlePlayVoice(mp3) {
       let _this = this;
-      let leg = this.optionRes.length;
       if (!mp3) {
-        if (_this.mp3_index < leg - 1) {
-          _this.mp3_index = _this.mp3_index + 1;
-          mp3 = _this.optionRes[mp3_index].mp3_list[0].id;
-        } else {
-          return false;
-        }
+        return;
       }
       if (!this.audio.paused) {
         this.audio.pause();
@@ -286,12 +280,14 @@ export default {
     console.log(this.curQue);
 
     if (this.curQue.type == "NewWord_chs") {
+      let resIndex = 0;
       let optionRes = [];
       this.curQue.option.forEach((item, index) => {
         optionRes = optionRes.concat(item);
         item.index = index + 1;
         item.forEach((sItem, sIndex) => {
-          sItem.sIndex = index == 0 ? sIndex : sIndex + optionRes.length;
+          sItem.sIndex = resIndex;
+          resIndex++;
           sItem.def_str =
             sItem.definition_list.length > 0
               ? sItem.definition_list.join("；")
@@ -522,4 +518,18 @@ export default {
     padding: 4px 0;
   }
 }
+.NNPE-Big-Book-preview-green {
+  .NPC-zhedie {
+    .el-collapse-item__header {
+      background: #24b99e !important;
+    }
+  }
+}
+.NNPE-Big-Book-preview-brown {
+  .NPC-zhedie {
+    .el-collapse-item__header {
+      background: #bd8865 !important;
+    }
+  }
+}
 </style>