文字大小

src/components/Adult/Preview.vue

@@ -11,7 +11,10 @@
     <template v-if="isPhone">
       <div class="NNPE-title NNPE-title-top">
         <!-- 页眉 -->
-        <div class="NNPE-title-left">
+        <div
+          class="NNPE-title-left"
+          :style="{ fontSize: baseSizePhone + 2 + 'px' }"
+        >
           <div
             v-for="(item, index) in cur.detailList"
             :key="index"
@@ -160,7 +163,11 @@
                 </div>
               </div>
             </template>
-            <p class="NNPE-title-item-en" v-html="item.en" />
+            <p
+              class="NNPE-title-item-en"
+              v-html="item.en"
+              :style="{ fontSize: baseSizePhone - 4 + 'px' }"
+            />
           </div>
         </div>
       </div>
@@ -190,6 +197,7 @@
             v-for="(item, index) in cur.classTopic"
             :key="index"
             :class="item.font"
+            :style="{ fontSize: baseSizePhone + 'px' }"
           >
             {{ item.con }}
           </span>
@@ -205,6 +213,8 @@
         @change="handleCheckAllChangeNPC"
         >全选</el-checkbox
       >
+      <a @click="baseSizePhone = baseSizePhone + 2">da</a
+      ><a @click="baseSizePhone = baseSizePhone - 2">xiao</a>
       <div v-if="cur" class="NNPE-Book-content-inner">
         <div
           v-for="(item, index) in cur.cur_fn_data"
@@ -259,7 +269,11 @@
                   "
                   class="title-big"
                 >
-                  <b v-if="item.number">{{ item.number }}</b>
+                  <b
+                    v-if="item.number"
+                    :style="{ fontSize: baseSizePhone + 'px' }"
+                    >{{ item.number }}</b
+                  >
                   <div
                     class="title-box-right"
                     :class="[item.is_textIndex ? 'title-box-right-index' : '']"
@@ -277,11 +291,15 @@
                           :fn_check_list="[]"
                           :py-number="0"
                           :record_check="[]"
-                          :max-fontsize="'16'"
+                          :max-fontsize="baseSizePhone"
                         />
                       </div>
                     </template>
-                    <h2 v-else-if="item.z_title" v-html="item.z_title" />
+                    <h2
+                      v-else-if="item.z_title"
+                      v-html="item.z_title"
+                      :style="{ fontSize: baseSizePhone + 'px' }"
+                    />
                     <template v-if="item.hasOwnProperty('f_title_detail')">
                       <div
                         v-if="item.f_title_detail.sentence"
@@ -296,7 +314,7 @@
                           :fn_check_list="[]"
                           :py-number="0"
                           :record_check="[]"
-                          :max-fontsize="'16'"
+                          :max-fontsize="baseSizePhone"
                           :style="{
                             marginTop:
                               item.z_title ||
@@ -315,7 +333,8 @@
                           item.z_title ||
                           (item.z_title_detail && item.z_title_detail.sentence)
                             ? '8px'
-                            : '0'
+                            : '0',
+                        fontSize: baseSizePhone + 'px'
                       }"
                       v-html="item.f_title"
                     />
@@ -332,6 +351,14 @@
                       ? 'marginTop'
                       : 'marginTop-8'
                   ]"
+                  :style="{
+                    marginTop:
+                      item.little_title_number ||
+                      item.little_title ||
+                      (item.l_title_detail && item.l_title_detail.sentence)
+                        ? ''
+                        : '0px'
+                  }"
                 >
                   <b v-html="item.little_title_number" />
                   <template
@@ -932,13 +959,13 @@
                           :judge-answer="itemJ"
                         />
                       </template>
-                      {{ itemss.type }}
+                      <!-- {{ itemss.type }} -->
                     </template>
                   </div>
                 </div>
                 <div
                   v-if="isAnswerItemShow && item.showSubmit"
-                  style="text-align: right; padding: 10px 0px 40px 0"
+                  style="text-align: right; padding: 10px 0px"
                 >
                   <a
                     class="submitLookAnswer"
@@ -1899,7 +1926,7 @@
                           :judge-answer="itemJ"
                         />
                       </template>
-                      {{ itemss.type }}
+                      <!-- {{ itemss.type }} -->
                     </template>
                   </div>
                 </div>
@@ -2263,7 +2290,8 @@ export default {
       checkAllNPC: false,
       isIndeterminate: false,
       NpcNewWordMp3: "",
-      isPhone: false // 是否是移动端打开
+      isPhone: false, // 是否是移动端打开
+      baseSizePhone: 16 // 移动端基础字号大小
     };
   },
   computed: {
@@ -3196,7 +3224,7 @@ export default {
     .operater-classTopic {
       width: 100%;
       position: relative;
-      padding-top: 100px;
+      padding-top: 120px;
     }
     .NNPE-operate-phone {
       width: 100%;
@@ -3231,6 +3259,15 @@ export default {
         font-size: 14px;
       }
     }
+    .NNPE-tableList-tr {
+      margin-bottom: 20px;
+    }
+    .title-little {
+      margin-bottom: 16px !important;
+    }
+    .title-box-preview {
+      padding-top: 20px !important;
+    }
   }
 }
 .submitLookAnswer {