兼容生词播放开始时间

src/components/Adult/Preview.vue

@@ -1381,13 +1381,18 @@ export default {
                 // }
               }
               if (itemss.data && itemss.data.type == "NewWord_chs") {
-                _this.NNPENewWordList = _this.NNPENewWordList.concat(
-                  itemss.data.option
-                );
                 _this.NpcNewWordMp3 =
                   itemss.data && itemss.data.mp3_list && itemss.data.mp3_list[0]
                     ? itemss.data.mp3_list[0].id
                     : "";
+                itemss.data.option.forEach(itemso => {
+                  itemso.forEach(itemsos => {
+                    itemsos.newWordMp3 = _this.NpcNewWordMp3;
+                  });
+                });
+                _this.NNPENewWordList = _this.NNPENewWordList.concat(
+                  itemss.data.option
+                );
               } else if (itemss.data && itemss.data.type == "notes_chs") {
                 _this.NNPEAnnotationList = _this.NNPEAnnotationList.concat(
                   itemss.data.option

src/components/Adult/preview/ArticleViewChs/PhraseModelChs.vue

@@ -688,6 +688,9 @@
           :TaskModel="TaskModel"
           :writeList="curQue.Bookanswer.writeModel"
           @changeCurQue="changeCurQue"
+          :mp3Url="activeWord ? activeWord.newWordMp3 : ''"
+          :bg="activeWord ? activeWord.bg : null"
+          :ed="activeWord ? activeWord.ed : null"
         />
       </div>
     </template>
@@ -778,7 +781,8 @@ export default {
       sentIndex: -1,
       highWords: null,
       highWordsArr: [],
-      highIndex: 0
+      highIndex: 0,
+      activeWord: null
     };
   },
   computed: {},
@@ -1216,6 +1220,7 @@ export default {
     viewNotes(e, noteNum) {
       let _this = this;
       _this.clickType = "note";
+      _this.activeWord = null;
       let noteIndex = "";
       if (_this.NumberList.indexOf(noteNum) > -1) {
         for (let i = 0; i < _this.NumberList.length; i++) {
@@ -1229,6 +1234,13 @@ export default {
         if (this.newWordList.indexOf(noteNum) > -1) {
           if (_this.oldHz != noteNum) {
             this.isShow = false;
+            _this.NNPENewWordList.forEach(item => {
+              item.forEach(items => {
+                if (items.new_word === noteNum) {
+                  this.activeWord = items;
+                }
+              });
+            });
             setTimeout(() => {
               _this.hz = noteNum;
             }, 50);

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

@@ -625,6 +625,7 @@ export default {
     align-items: center;
     margin-bottom: 16px;
     position: relative;
+    height: 24px;
     .left {
       display: flex;
       align-items: center;

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

@@ -669,6 +669,7 @@ export default {
     align-items: center;
     margin-bottom: 16px;
     position: relative;
+    height: 24px;
     .left {
       display: flex;
       align-items: center;

src/components/Adult/preview/WordPhrase.vue

@@ -300,6 +300,8 @@
         :optionRes="optionRes"
         :themeColor="themeColor"
         :currentTreeID="currentTreeID"
+        :bg="data && data.bg ? data.bg : null"
+        :ed="data && data.ed ? data.ed : null"
         type="newWordDetail"
       />
     </div>

src/components/Adult/preview/components/WordPhraseDetail.vue

@@ -88,8 +88,18 @@
           <div class="wordInfor">
             <div class="yinpin">
               <span class="pinyintext"> {{ data.pinyin.toLowerCase() }}</span>
+              <template v-if="data.newWordMp3">
+                <Audio
+                  :mp3="data.newWordMp3"
+                  :themeColor="themeColor"
+                  :bg="bg"
+                  :ed="ed"
+                />
+              </template>
               <template
-                v-if="data.mp3_list && data.mp3_list[0] && data.mp3_list[0].id"
+                v-else-if="
+                  data.mp3_list && data.mp3_list[0] && data.mp3_list[0].id
+                "
               >
                 <Audio :mp3="data.mp3_list[0].id" :themeColor="themeColor" />
               </template>