句子模板

src/components/Adult/phonePreview/Picture.vue

@@ -404,7 +404,7 @@
               : []
           "
           :TaskModel="TaskModel"
-          :type="'normal'"
+          :type="'mini'"
           class="luyin-box"
           :class="[items.RecordControl]"
           v-if="fn_list_obj.indexOf('image_record') > -1 || items.RecordControl"

src/components/Adult/phonePreview/RecordModule.vue

@@ -89,7 +89,7 @@ export default {
     width: 129px;
   }
   .record_control_pro {
-    width: 200px;
+    width: 100px;
   }
   .record_control_promax {
     width: 150px;

src/components/Adult/phonePreview/SentenceInput.vue

@@ -279,6 +279,7 @@
               type="normal"
               v-if="items.IsRecord"
               :style="{ marginLeft: '8px' }"
+              :baseSizePhone="baseSizePhone"
             />
           </template>
           <template v-else>
@@ -295,6 +296,7 @@
               class="luyin-box"
               v-if="items.IsRecord"
               :style="{ marginLeft: '8px' }"
+              :baseSizePhone="baseSizePhone"
             />
           </template>
         </template>
@@ -601,7 +603,7 @@ export default {
     list-style: none;
     li {
       width: 100%;
-      background: #ffffff;
+      // background: #ffffff;
       border: 1px solid rgba(0, 0, 0, 0.1);
       box-sizing: border-box;
       border-radius: 8px;

src/components/Adult/phonePreview/SentenceListenRead.vue

@@ -151,7 +151,7 @@
         </div>
         <Soundrecord
           @handleWav="handleWav"
-          type="normal"
+          type="mini"
           class="luyin-box"
           :answerRecordList="curQue.Bookanswer[index].recordList"
           :tmIndex="index"
@@ -367,7 +367,7 @@ export default {
       .luyin-box {
         // border: 1px solid rgba(0, 0, 0, 0.1);
         border-radius: 8px;
-        min-width: 98px;
+        width: 48px;
         padding: 0;
       }
     }

src/components/Adult/phonePreview/SentenceModule.vue

@@ -460,13 +460,7 @@
             ]"
             v-for="(items, indexs) in item"
             :key="'sent-option-items' + index + indexs"
-            :style="{
-              width:
-                curQue.sortType == 'col' && item.length > 2
-                  ? itemsWidth + 'px'
-                  : '100%',
-              margin: curQue.sortType == 'col' && item.length > 2 ? '8px' : ''
-            }"
+            :style="{}"
           >
             <div
               :class="[
@@ -1535,9 +1529,10 @@ export default {
     }
     .sent-option {
       &.li-flex {
-        display: flex;
-        flex-flow: wrap;
+        // display: flex;
+        // flex-flow: wrap;
         margin: 0px;
+        width: 100%;
         .sent-option-items {
           &-0 {
             margin: 8px 0; // 单列左右间距去掉

src/components/Adult/phonePreview/TextInputRecord.vue

@@ -105,7 +105,7 @@
             "
             :tmIndex="indexs"
             :TaskModel="TaskModel"
-            type="normal"
+            type="mini"
             class="luyin-box"
           />
         </template>
@@ -406,6 +406,7 @@ export default {
         font-size: 12px;
         font-family: "robot";
         line-height: 16px;
+        flex-shrink: 0;
       }
       .play-btn {
         width: 16px;
@@ -436,7 +437,7 @@ export default {
       }
       input {
         flex: 1;
-        min-width: 150px;
+        min-width: 90px;
         border: 1px solid rgba(0, 0, 0, 0.15);
         box-sizing: border-box;
         border-radius: 8px;
@@ -457,10 +458,10 @@ export default {
       .luyin-box {
         // border: 1px solid rgba(0, 0, 0, 0.1);
         border-radius: 8px;
-        width: 200px;
+        width: 60px;
         height: 30px;
         margin-left: 8px;
-        padding: 0 12px;
+        padding: 0;
       }
     }
   }

src/components/Adult/phonePreview/components/JudgeTemp.vue

@@ -4,7 +4,7 @@
     :class="[
       'judge-temp',
       'judge-temp-' + judgeWidth,
-      Isexample ? 'judge-temp-example' : '',
+      Isexample ? 'judge-temp-example' : ''
     ]"
     v-if="Bookanswer"
     :style="{ width: judgeWidth + 'px' }"
@@ -13,7 +13,7 @@
       :class="[
         'right-btn',
         !Isexample && TaskModel != 'ANSWER' ? 'right-btn-hover' : '',
-        judgeAnswerClass('true'),
+        judgeAnswerClass('true')
       ]"
       @click="changeOption('true')"
     >
@@ -22,7 +22,7 @@
       :class="[
         'error-btn',
         !Isexample && TaskModel != 'ANSWER' ? 'error-btn-hover' : '',
-        judgeAnswerClass('false'),
+        judgeAnswerClass('false')
       ]"
       @click="changeOption('false')"
     >
@@ -32,7 +32,7 @@
       :class="[
         'unso-btn',
         !Isexample && TaskModel != 'ANSWER' ? 'unso-btn-hover' : '',
-        judgeAnswerClass('unso'),
+        judgeAnswerClass('unso')
       ]"
       @click="changeOption('unso')"
     >
@@ -50,7 +50,7 @@ export default {
     "Isexample",
     "TaskModel",
     "judgeCorrectAnswer",
-    "judgeAnswer",
+    "judgeAnswer"
   ],
   data() {
     return {};
@@ -71,7 +71,7 @@ export default {
       return value;
     },
     judgeAnswerClass() {
-      return function (type) {
+      return function(type) {
         let _this = this;
         let classname = "";
         let answer = _this.Bookanswer.judge.correct;
@@ -113,7 +113,7 @@ export default {
 
         return classname;
       };
-    },
+    }
   },
   watch: {},
   //方法集合
@@ -150,7 +150,7 @@ export default {
         }
       }
       this.$forceUpdate();
-    },
+    }
   },
   //生命周期 - 创建完成（可以访问当前this实例）
   created() {},
@@ -162,10 +162,10 @@ export default {
   updated() {}, //生命周期 - 更新之后
   beforeDestroy() {}, //生命周期 - 销毁之前
   destroyed() {}, //生命周期 - 销毁完成
-  activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
+  activated() {} //如果页面有keep-alive缓存功能，这个函数会触发
 };
 </script>
-<style lang='scss' scoped>
+<style lang="scss" scoped>
 //@import url(); 引入公共css类
 .judge-temp {
   display: flex;
@@ -175,8 +175,8 @@ export default {
   a {
     width: 32px;
     height: 32px;
-    background: #fff url("../../../../assets/NPC/right-btn-gray.png")
-      center no-repeat;
+    background: url("../../../../assets/NPC/right-btn-gray.png") center
+      no-repeat;
     background-size: 24px;
     border-radius: 8px;
     border: 1px solid rgba(0, 0, 0, 0.1);
@@ -185,27 +185,27 @@ export default {
     align-items: center;
     &.right-btn-hover:hover,
     &.active {
-        background: #727272 url("../../../../assets/NPC/right-btn-white.png")
-          center no-repeat;
-        background-size: 24px;
-        border-color: #727272;
+      background: #727272 url("../../../../assets/NPC/right-btn-white.png")
+        center no-repeat;
+      background-size: 24px;
+      border-color: #727272;
     }
     &.error-btn {
-      background: #fff url("../../../../assets/NPC/error-btn-gray.png")
-        center no-repeat;
+      background: url("../../../../assets/NPC/error-btn-gray.png") center
+        no-repeat;
       background-size: 24px;
       margin-left: 4px;
       &.error-btn-hover:hover,
       &.active {
         background: #727272 url("../../../../assets/NPC/error-btn-white.png")
-                center no-repeat;
+          center no-repeat;
         background-size: 24px;
         border-color: #727272;
       }
     }
     &.unso-btn {
-      background: #fff url("../../../../assets/newImage/common/unso-btn.png")
-        center no-repeat;
+      background: url("../../../../assets/newImage/common/unso-btn.png") center
+        no-repeat;
       background-size: 18px;
       margin-left: 4px;
       &.unso-btn-hover:hover,
@@ -254,4 +254,4 @@ export default {
     }
   }
 }
-</style>
+</style>

src/components/Adult/phonePreview/components/OneSentenceTemp.vue

@@ -101,7 +101,7 @@
                           fontSize: maxFontsize + 'px',
                           minHeight: (maxFontsize * 3) / 2 + 'px',
                           lineHeight: (maxFontsize * 3) / 2.1 + 'px',
-                          'min-width': hengLeg ? hengLeg * 60 + 'px' : '',
+                          'min-width': hengLeg ? '120px' : '',
                           textAlign: detail.hengList[pIndex]
                             ? 'center'
                             : detail.config.conAlign
@@ -148,7 +148,7 @@
                           fontSize: maxFontsize + 'px',
                           minHeight: (maxFontsize * 3) / 2 + 'px',
                           lineHeight: (maxFontsize * 3) / 2.1 + 'px',
-                          'min-width': hengLeg ? hengLeg * 60 + 'px' : '',
+                          'min-width': hengLeg ? '120px' : '',
                           textAlign: detail.hengList[pIndex]
                             ? 'center'
                             : detail.config.conAlign
@@ -214,7 +214,7 @@
                         fontSize: maxFontsize + 'px',
                         minHeight: (maxFontsize * 3) / 2 + 'px',
                         lineHeight: (maxFontsize * 3) / 2.1 + 'px',
-                        'min-width': hengLeg ? hengLeg * 60 + 'px' : '',
+                        'min-width': hengLeg ? '120px' : '',
                         textAlign: detail.hengList[pIndex]
                           ? 'center'
                           : detail.config.conAlign
@@ -453,7 +453,7 @@
                         fontSize: maxFontsize + 'px',
                         minHeight: (maxFontsize * 3) / 2 + 'px',
                         lineHeight: (maxFontsize * 3) / 2.1 + 'px',
-                        'min-width': hengLeg ? hengLeg * 60 + 'px' : '',
+                        'min-width': hengLeg ? '120px' : '',
                         textAlign: detail.hengList[pIndex]
                           ? 'center'
                           : detail.config.conAlign
@@ -496,7 +496,7 @@
                         fontSize: maxFontsize + 'px',
                         minHeight: (maxFontsize * 3) / 2 + 'px',
                         lineHeight: (maxFontsize * 3) / 2.1 + 'px',
-                        'min-width': hengLeg ? hengLeg * 60 + 'px' : '',
+                        'min-width': hengLeg ? '120px' : '',
                         textAlign: detail.hengList[pIndex]
                           ? 'center'
                           : detail.config.conAlign
@@ -559,7 +559,7 @@
                       fontSize: maxFontsize + 'px',
                       minHeight: (maxFontsize * 3) / 2 + 'px',
                       lineHeight: (maxFontsize * 3) / 2.1 + 'px',
-                      'min-width': hengLeg ? hengLeg * 60 + 'px' : '',
+                      'min-width': hengLeg ? '120px' : '',
                       textAlign: detail.hengList[pIndex]
                         ? 'center'
                         : detail.config.conAlign

src/components/Adult/phonePreview/components/SentenceTemp.vue

@@ -104,9 +104,7 @@
                         TaskModel == 'ANSWER' ? false : Isexample ? false : true
                       "
                       :style="{
-                        'min-width': detail.hengList[index]
-                          ? detail.hengList[index] * 60 + 'px'
-                          : '120px',
+                        'min-width': '120px',
                         textAlign: detail.hengList[index] ? 'center' : 'left',
                         fontSize: baseSizePhone + 6 + 'px'
                       }"
@@ -309,10 +307,7 @@
                       TaskModel == 'ANSWER' ? false : Isexample ? false : true
                     "
                     :style="{
-                      'min-width':
-                        detail.hengList[index] && detail.hengList[index] > -1
-                          ? detail.hengList[index] * 60 + 'px'
-                          : '120px',
+                      'min-width': '120px',
                       textAlign: detail.hengList[index] ? 'center' : 'left',
                       fontSize: baseSizePhone + 6 + 'px'
                     }"