句子模板

src/components/Adult/preview/RecordModule.vue

@@ -1,6 +1,8 @@
 <template>
   <div class="NPC-RecordModule">
-      <Soundrecord @handleWav="handleWav" :type="curQue.type?typeList[curQue.type]:'normal'" class="luyin-box" :class="[curQue.type]"/>
+      <Soundrecord @handleWav="handleWav" :type="curQue.type?typeList[curQue.type]:'normal'" class="luyin-box" :class="[curQue.type]"
+      :answerRecordList="curQue.Bookanswer.recordList"
+      :TaskModel="TaskModel"/>
   </div>
 </template>
 
@@ -13,7 +15,7 @@ export default {
   components: {
       Soundrecord
   },
-  props: ["curQue"],
+  props: ["curQue","TaskModel"],
   data() {
     //这里存放数据
     return {
@@ -31,12 +33,20 @@ export default {
   watch: {},
   //方法集合
   methods: {
-      handleWav(data) {
-        
+      handleWav(list, tmIndex) {
+        tmIndex = tmIndex ? tmIndex : 0;
+        this.$set(this.curQue.Bookanswer, "recordList", list);
       },
   },
   //生命周期 - 创建完成（可以访问当前this实例）
-  created() {},
+  created() {
+      if (!this.curQue.Bookanswer) {
+        let bookanswer = {
+            recordList: [],
+        }
+        this.$set(this.curQue, "Bookanswer", bookanswer);
+      }
+  },
   //生命周期 - 挂载完成（可以访问DOM元素）
   mounted() {},
   //生命周期-创建之前

src/components/Adult/preview/SentenceInput.vue

@@ -409,11 +409,13 @@ export default {
         .chs_pinyin {
           display: flex;
           margin-left: 8px;
+          flex-flow: wrap;
           .input {
-            margin-left: 16px;
+            // margin-left: 16px;
             margin-right: 8px;
             min-width: 50px;
             border-bottom: 1px solid black;
+            height: auto;
           }
           .pinyin {
             font-family: "GB-PINYINOK-B";