句子模版样式修改

src/components/Adult/common/SentenceSegTemp.vue

@@ -80,11 +80,11 @@
         <div class="adult-book-input-item adult-book-input-item-center">
           <span class="adult-book-lable">字的大小:</span>
           <el-radio-group v-model="dItem.config.fontSize">
-              <el-radio label="12px">12px</el-radio>
-              <el-radio label="16px">16px</el-radio>
-              <el-radio label="20px">20px</el-radio>
-              <el-radio label="24px">24px</el-radio>
-              <el-radio label="28px">28px</el-radio>
+            <el-radio label="12px">12px</el-radio>
+            <el-radio label="16px">16px</el-radio>
+            <el-radio label="20px">20px</el-radio>
+            <el-radio label="24px">24px</el-radio>
+            <el-radio label="28px">28px</el-radio>
           </el-radio-group>
         </div>
         <div class="adult-book-input-item adult-book-input-item-center">
@@ -241,7 +241,7 @@ export default {
       queConfig: {
         fn_record_list: [
           {
-            type: "record_control_mini_chs",
+            type: "sentence_record_mini_chs",
             name: "录音控件-mini",
             isFn: false,
           },
@@ -256,7 +256,7 @@ export default {
             isFn: false,
           },
           {
-            type: "record_control_promax_chs",
+            type: "sentence_record_promax_chs",
             name: "录音控件-promax",
             isFn: false,
           },

src/components/Adult/inputModules/SentenceModule.vue

@@ -638,7 +638,7 @@ export default {
           isFn: false,
         },
         {
-          type: "record_control_mini_chs",
+          type: "sentence_record_mini_chs",
           name: "录音控件-mini",
           isFn: false,
         },
@@ -653,7 +653,7 @@ export default {
           isFn: false,
         },
         {
-          type: "record_control_promax_chs",
+          type: "sentence_record_promax_chs",
           name: "录音控件-promax",
           isFn: false,
         },

src/components/Adult/preview/SentenceModule.vue

@@ -1,12 +1,21 @@
 <!--  -->
 <template>
-  <div class="sentence-control" :class="[curQue.mp3_list && curQue.mp3_list.length > 0 && curQue.mp3_list[0].id?'hasmp3':'']" v-if="curQue && curQue.Bookanswer">
-    <div class="out-audioLine-box" v-if="
-          curQue.mp3_list && curQue.mp3_list.length > 0 && curQue.mp3_list[0].id
-        ">
-      <div
-        class="aduioLine-box aduioLine-practice"
-      >
+  <div
+    class="sentence-control"
+    :class="[
+      curQue.mp3_list && curQue.mp3_list.length > 0 && curQue.mp3_list[0].id
+        ? 'hasmp3'
+        : '',
+    ]"
+    v-if="curQue && curQue.Bookanswer"
+  >
+    <div
+      class="out-audioLine-box"
+      v-if="
+        curQue.mp3_list && curQue.mp3_list.length > 0 && curQue.mp3_list[0].id
+      "
+    >
+      <div class="aduioLine-box aduioLine-practice">
         <AudioLine
           audioId="fillInforAudioLine"
           :mp3="curQue.mp3_list[0].id"
@@ -168,12 +177,16 @@
                       <div
                         class="promax-box-div"
                         v-if="
-                          sdItem.fn_check_list.record_check.length >
-                          0
+                          sdItem.fn_check_list.record_check.indexOf('promax') >
+                          -1
                         "
                       >
                         <Soundrecord
-                          :type="sdItem.fn_check_list.record_check?typeList[sdItem.fn_check_list.record_check]:'normal'"
+                          :type="
+                            sdItem.fn_check_list.record_check
+                              ? typeList[sdItem.fn_check_list.record_check]
+                              : 'normal'
+                          "
                           class="promax-box"
                           :TaskModel="TaskModel"
                           :tmIndex="sdIndex"
@@ -190,8 +203,7 @@
                   <div
                     v-if="
                       items.fn_check_list.judge_check ||
-                      sdItem.fn_check_list.record_check.indexOf('normal') >
-                        -1 ||
+                      sdItem.fn_check_list.record_check ||
                       items.fn_check_list.short_check ||
                       items.fn_check_list.radio_check.indexOf('col') > -1 ||
                       items.fn_check_list.checkbox_check.indexOf('col') > -1
@@ -295,13 +307,18 @@
                     <!-- 录音 -->
                     <div
                       class="judge-part record-part"
-                      v-if="
-                        sdItem.fn_check_list.record_check.length > 0
-                      "
+                      v-if="sdItem.fn_check_list.record_check"
                     >
                       <Soundrecord
-                        :type="sdItem.fn_check_list.record_check?typeList[sdItem.fn_check_list.record_check]:'normal'"
-                        class="normal-box"
+                        :type="
+                          sdItem.fn_check_list.record_check
+                            ? typeList[sdItem.fn_check_list.record_check]
+                            : 'normal'
+                        "
+                        :class="
+                          'record_' +
+                          typeList[sdItem.fn_check_list.record_check]
+                        "
                         :TaskModel="TaskModel"
                         :tmIndex="sdIndex"
                         :answerRecordList="
@@ -413,12 +430,12 @@ export default {
       },
       chsFhList: ["，", "。", "”", "：", "》", "《", "？", "！", "；"],
       itemsWidth: 0,
-      typeList:{
-        'record_control_mini_chs':'mini',
-        'record_control_normal_chs':'normal',
-        'record_control_pro_chs':'pro',
-        'record_control_promax_chs':'promax'
-      }
+      typeList: {
+        sentence_record_mini_chs: "mini",
+        sentence_record_normal_chs: "normal",
+        sentence_record_pro_chs: "pro",
+        sentence_record_promax_chs: "promax",
+      },
     };
   },
   computed: {
@@ -708,8 +725,8 @@ export default {
     .sent-stem {
       flex: 1;
       display: flex;
-    //   padding: 9px 16px 9px 16px;
-    //   border-radius: 8px;
+      //   padding: 9px 16px 9px 16px;
+      //   border-radius: 8px;
       background: #fff;
       align-items: center;
       .stem-content {
@@ -784,7 +801,16 @@ export default {
       }
     }
   }
-  .normal-box {
+  .record_mini {
+    width: 68px;
+    background: #FFFFFF;
+border: 1px solid rgba(0, 0, 0, 0.1);
+box-sizing: border-box;
+border-radius: 8px;
+    padding: 0 8px;
+    margin: 0 auto;
+  }
+  .record_normal {
     width: 138px;
     border-radius: 20px;
     padding: 0 16px;
@@ -803,14 +829,14 @@ export default {
       margin: 0 auto;
     }
   }
-  &.hasmp3{
-      .sent-option{
-          padding: 16px 24px
-      }
-      &.sentence-control {
-        background: #f7f7f7;
-        border: 1px solid rgba(0, 0, 0, 0.1);
-      }
+  &.hasmp3 {
+    .sent-option {
+      padding: 16px 24px;
+    }
+    &.sentence-control {
+      background: #f7f7f7;
+      border: 1px solid rgba(0, 0, 0, 0.1);
+    }
   }
 }
 </style>

src/components/Adult/preview/components/OneSentenceTemp.vue

@@ -446,7 +446,7 @@ export default {
     }
   }
   .answer-input {
-    min-height: 32px;
+    min-height: 25px;
     box-sizing: border-box;
     border: 0;
     border-bottom: 1px rgba(0, 0, 0, 0.45) solid;
@@ -455,11 +455,11 @@ export default {
     outline: 0;
     text-align: left;
     font-family: "FZJCGFKTK";
-    font-size: 24px;
+    font-size: 20px;
     color: rgba(0, 0, 0, 0.45);
     box-sizing: border-box;
     color: #000000;
-    line-height: 30px;
+    line-height: 150%;
     &-input {
       min-width: 432px;
     }
@@ -541,8 +541,8 @@ export default {
   font-family: "FZJCGFKTK";
   font-style: normal;
   font-weight: normal;
-  font-size: 24px;
-  line-height: 32px;
+  font-size: 20px;
+  line-height: 150%;
   color: #000000;
   &.sentenceColor {
     //@include font_color("sub_color");