句子模板 移动端

src/components/Adult/phonePreview/InputHasRecord.vue

@@ -825,7 +825,7 @@ export default {
     justify-content: start;
     padding: 4px 12px;
     height: 40px;
-    width: 280px;
+    width: 120px;
     justify-content: flex-start;
   }
 }

src/components/Adult/phonePreview/SentenceInput.vue

@@ -10,7 +10,9 @@
         : true
     "
   >
-    <h2 v-if="curQue.title">{{ curQue.title }}</h2>
+    <h2 v-if="curQue.title" :style="{ fontSize: baseSizePhone + 2 + 'px' }">
+      {{ curQue.title }}
+    </h2>
     <ul>
       <li
         v-for="(items, indexs) in judgeAnswer == 'standardAnswer'
@@ -30,7 +32,12 @@
             : ''
         ]"
       >
-        <b class="xuhao" v-if="items.number">{{ items.number }}</b>
+        <b
+          class="xuhao"
+          v-if="items.number"
+          :style="{ fontSize: baseSizePhone + 2 + 'px' }"
+          >{{ items.number }}</b
+        >
         <p
           :class="[oldsrc == items.mp3_list[0].id ? palyClass : '']"
           @click="handlePlayVoice(items.mp3_list[0].id)"
@@ -41,7 +48,11 @@
           <!-- 如果不是填空题 不替换 -->
           <template v-if="dataType.indexOf('sentence_input_chs') == -1">
             <template v-if="items.detail.wordsList.length == 0">
-              <p :class="['content-con']" v-if="items.detail.sentence">
+              <p
+                :class="['content-con']"
+                v-if="items.detail.sentence"
+                :style="{ fontSize: baseSizePhone + 6 + 'px' }"
+              >
                 {{ items.detail.sentence }}
               </p>
             </template>
@@ -69,6 +80,7 @@
                           :class="[
                             noFont.indexOf(itemCon.pinyin) > -1 ? 'noFont' : ''
                           ]"
+                          :style="{ fontSize: baseSizePhone + 'px' }"
                           >{{ itemCon.pinyin }}</span
                         >
                         <span
@@ -87,6 +99,7 @@
                               ? 'noFont'
                               : ''
                           ]"
+                          :style="{ fontSize: baseSizePhone + 'px' }"
                           >{{
                             items.detail.wordsList[indexCon + 1].pinyin
                           }}</span
@@ -109,6 +122,7 @@
                       :class="[
                         noFont.indexOf(itemCon.pinyin) > -1 ? 'noFont' : ''
                       ]"
+                      :style="{ fontSize: baseSizePhone + 'px' }"
                       >{{ itemCon.pinyin }}</span
                     >
                     <span
@@ -135,6 +149,7 @@
                     class="input pinyin"
                     v-html="answerList[indexs].pinyin"
                     @change="changeAnswerList($event, indexs, 'pinyin')"
+                    :style="{ fontSize: baseSizePhone + 'px' }"
                   ></div>
                   <!-- 
                     v-model="answerList[indexs].pinyin"
@@ -144,6 +159,7 @@
                     :class="[
                       conent.pinyin.indexOf('__') > -1 ? 'pinyin-opacity' : ''
                     ]"
+                    :style="{ fontSize: baseSizePhone + 'px' }"
                     v-if="conent.pinyin"
                   >
                     {{ conent.pinyin }}
@@ -200,6 +216,7 @@
                     :class="[
                       conent.pinyin.indexOf('__') > -1 ? 'pinyin-opacity' : ''
                     ]"
+                    :style="{ fontSize: baseSizePhone + 'px' }"
                     v-if="conent.pinyin"
                   >
                     {{ conent.pinyin }}
@@ -208,7 +225,9 @@
               </div>
             </div>
           </template>
-          <span class="en">{{ items.en }}</span>
+          <span class="en" :style="{ fontSize: baseSizePhone + 'px' }">{{
+            items.en
+          }}</span>
         </div>
         <template
           v-if="
@@ -227,6 +246,7 @@
             placeholder=""
             :readonly="TaskModel == 'ANSWER'"
             @change="changeuserAnswerJudge(indexs)"
+            :style="{ fontSize: baseSizePhone + 2 + 'px' }"
           />
         </template>
         <template v-if="dataType.indexOf('sentence_judge_chs') > -1">
@@ -331,9 +351,9 @@ export default {
         if (config) {
           let sizeVal = config.fontSize.replace("px", "");
           return {
-            minHeight: Number(sizeVal) + 9 + "px",
-            lineHeight: Number(sizeVal) + 8 + "px",
-            fontSize: config.fontSize,
+            minHeight: Number(this.baseSizePhone) + 11 + "px",
+            lineHeight: Number(this.baseSizePhone) + 10 + "px",
+            fontSize: this.baseSizePhone + "px",
             fontFamily: config.fontFamily
           };
         }
@@ -733,6 +753,7 @@ export default {
         text-align: center;
         font-size: 16px;
         line-height: 150%;
+        background: transparent;
       }
       .judge-box {
         display: flex;