audioline

src/components/Adult/preview/InputHasRecord.vue

@@ -1,6 +1,6 @@
 <!--  -->
 <template>
-  <div class="Big-Book-prev-Textdes InputHasRecord NPC-zhedie" v-if="curQue">
+  <div class="Big-Book-prev-Textdes InputHasRecord" :class="[curQue.guide?'NPC-zhedie':'']" v-if="curQue">
     <template v-if="curQue.guide">
             <div class="topTitle">
               <div class="NPC-top-left">
@@ -401,7 +401,6 @@ export default {
     padding-left: 24px;
     padding-right: 16px;
     height: 48px;
-    background: #e35454;
     .NPC-top-left {
       display: flex;
       justify-content: flex-start;

src/components/Adult/preview/NewWordShow.vue

@@ -73,6 +73,7 @@
 import Strockplayredline from "../preview/components/Strockplayredline.vue";
 import Practice from "../preview/components/Practice.vue";
 import FreePaint from "../preview/components/FreePaint.vue";
+import { getContentFile } from "@/api/ajax";
 export default {
   components: { Strockplayredline, Practice, FreePaint },
   props: ["curQue", "themeColor", "indexStr"],
@@ -102,18 +103,25 @@ export default {
       this.ifFreeShow = false;
       this.freeImg[this.activeIndex] = this.$refs.freePaint.imgSrc;
     },
-    writeWord(words, pinyin) {
-      this.isPraShow = true;
+    async writeWord(words, pinyin) {
       this.activeIndex = null;
+      const MethodName = "tool-ChineseSCConvert";
+      const data = {
+        text: words,
+        swap_mode: 'S-C'
+      };
+      let TChinese = await getContentFile(MethodName,data)
       this.curData = {
         stem: [
           {
             con: words ? words : "",
             pinyin: pinyin && pinyin ? pinyin : "",
             mp3_url: "",
+            TChinese: TChinese.text
           },
         ],
       };
+      this.isPraShow = true;
     },
     freeWrite(imgUrl, index) {
       this.ifFreeShow = true;

src/components/Adult/preview/PlayRecordView.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="PlayRecordView adult-book-preview-sty">
     <AudioLine
+      audioId="playRecordAudio"
       :mp3="curQue.mp3_list[0].url"
       :getCurTime="getCurTime"
       ref="audioLine"

src/components/Adult/preview/SentenceListenRead.vue

@@ -8,6 +8,7 @@
       "
     >
       <AudioLine
+        audioId="sentenceListenAudio"
         :mp3="curQue.mp3_list[0].url"
         :getCurTime="getCurTime"
         :themeColor="themeColor"
@@ -21,7 +22,6 @@
         :key="index"
         :class="['item']"
       >
-        <b v-if="items.number">{{ items.number }}</b>
         <a
           :class="[
             'play-btn',
@@ -33,6 +33,7 @@
           ]"
           @click="handleChangeTime(curQue.wordTime[index].bg)"
         ></a>
+        <b v-if="items.number">{{ items.number }}</b>
         <div class="content-box">
           <template v-if="items.detail.wordsList.length == 0">
             <p
@@ -106,7 +107,7 @@
           </template>
           <b class="content-en" v-if="items.en">{{ items.en }}</b>
         </div>
-        <Soundrecord @handleWav="handleWav" type="mini" class="luyin-box" />
+        <Soundrecord @handleWav="handleWav" type="normal" class="luyin-box" />
       </div>
     </div>
   </div>
@@ -235,7 +236,7 @@ export default {
         font-size: 12px;
         font-family: "robot";
         line-height: 16px;
-        margin-right: 8px;
+        margin-left: 8px;
       }
       .play-btn {
         width: 16px;
@@ -299,7 +300,8 @@ export default {
       .luyin-box {
         border: 1px solid rgba(0, 0, 0, 0.1);
         border-radius: 8px;
-        width: 64px;
+        width: 129px;
+        padding: 0 12px;
       }
     }
   }

src/components/Adult/preview/WordPhrase.vue

@@ -366,6 +366,7 @@ export default {
   border: 1px solid rgba(0, 0, 0, 0.1);
   overflow: hidden;
   border-radius: 8px;
+
   .NPC-word-table {
     width: 100%;
     > .NPC-word-tr {
@@ -494,6 +495,7 @@ export default {
     padding-left: 24px;
     padding-right: 16px;
     height: 48px;
+    background: #e35454;
     .NPC-top-left {
       display: flex;
       justify-content: flex-start;