Bladeren bron

修改句子朗读 输入+录音间距 排序题间距

秦鹏 3 jaren geleden
bovenliggende
commit
ff9ecb4f43

+ 9 - 0
src/components/Adult/common/SentenceModule.vue

@@ -53,6 +53,15 @@
         @blur="onBlur(curQueItem, 'con')"
       ></el-input>
     </div>
+    <div class="adult-book-input-item" v-if="type=='recordHZ_inputPY_chs'">
+      <span class="adult-book-lable"></span>
+      <span v-if="curQue.wordTime.length > 0" class="lrc">
+        <el-input v-model="curQue.wordTime[index].bg" size="small" />
+        <span> ~ </span>
+        <el-input v-model="curQue.wordTime[index].ed" size="small" />
+        {{ curQue.wordTime[index].text }}
+      </span>
+    </div>
     <div class="adult-book-input-item" v-if="type == 'recordHZ_inputPY_chs'">
       <span class="adult-book-lable">答案:</span>
       <el-input

+ 10 - 2
src/components/Adult/inputModules/Sentence.vue

@@ -16,7 +16,11 @@
           @blur="onBlur(curQue, 'title')"
         ></el-input>
       </div>
-      <template v-if="type == 'sentence_listen_read_chs'">
+      <template
+        v-if="
+          type == 'sentence_listen_read_chs' || type == 'recordHZ_inputPY_chs'
+        "
+      >
         <div class="adult-book-input-item">
           <span class="adult-book-lable">题目音频:</span>
           <Upload
@@ -76,7 +80,7 @@
       <div class="Big-Book-addrole">
         <div class="addoption" @click="addOption">添加一个</div>
       </div>
-      <div class="lrc-box" v-if="type != 'recordHZ_inputPY_chs'">
+      <div class="lrc-box">
         <div
           v-if="this.curQue.wordTime && this.curQue.wordTime.length > 0"
           class="lrc-box"
@@ -133,6 +137,10 @@ export default {
         type: "recordHZ_inputPY_chs",
         name: "读汉字写拼音",
         title: "",
+        mp3_list: [],
+        lrc_list: [],
+        wordTime: [],
+        taskId: "",
         option: [
           {
             number: "",

+ 1 - 1
src/components/Adult/preview/InputHasRecord.vue

@@ -314,7 +314,7 @@ export default {
     border: 1px solid rgba(0, 0, 0, 0.1);
     background: #fff;
     overflow: hidden;
-    margin: 8px 0 16px 0;
+    margin: 8px 0 16px 23px;
     > div.luyin-inner {
       border-top: 1px solid rgba(0, 0, 0, 0.1);
     }

+ 3 - 2
src/components/Adult/preview/SentenceSortQP.vue

@@ -110,10 +110,11 @@ export default {
   },
   computed: {},
   watch: {
+    // 每个里面的第一个字母大写
     SortArr(newval, oldval) {
       this.SortArr.forEach((item) => {
         item.forEach((it, i) => {
-          if (item.pinyin) {
+          if (it.pinyin) {
             if (i == 0) {
               let str = it.pinyin[0];
               str = str.toUpperCase();
@@ -313,7 +314,7 @@ export default {
     border-radius: 8px;
     position: relative;
     padding-right: 56px;
-    margin-left: 33px;
+    margin-left: 34px;
     > :nth-child(1) {
       > :nth-child(1) {
         display: flex;