natasha 6 месяцев назад
Родитель
Сommit
3f65ea9955
1 измененных файлов с 14 добавлено и 6 удалено
  1. 14 6
      src/components/Adult/Preview.vue

+ 14 - 6
src/components/Adult/Preview.vue

@@ -13,7 +13,7 @@
         <!-- 页眉 -->
         <div
           class="NNPE-title-left"
-          :style="{ fontSize: baseSizePhone + 2 + 'px' }"
+          :style="{ fontSize: baseSizePhone + 4 + 'px' }"
         >
           <div
             v-for="(item, index) in cur.detailList"
@@ -166,7 +166,7 @@
             <p
               class="NNPE-title-item-en"
               v-html="item.en"
-              :style="{ fontSize: baseSizePhone - 4 + 'px' }"
+              :style="{ fontSize: baseSizePhone - 2 + 'px' }"
             />
           </div>
         </div>
@@ -197,7 +197,7 @@
             v-for="(item, index) in cur.classTopic"
             :key="index"
             :class="item.font"
-            :style="{ fontSize: baseSizePhone + 'px' }"
+            :style="{ fontSize: baseSizePhone + 2 + 'px' }"
           >
             {{ item.con }}
           </span>
@@ -970,6 +970,7 @@
                   <a
                     class="submitLookAnswer"
                     @click="submitLookAnswer(index)"
+                    :style="{ fontSize: baseSizePhone + 'px' }"
                     >{{ submitCn ? submitCn : "查看答案" }}</a
                   >
                 </div>
@@ -2291,7 +2292,7 @@ export default {
       isIndeterminate: false,
       NpcNewWordMp3: "",
       isPhone: false, // 是否是移动端打开
-      baseSizePhone: 16 // 移动端基础字号大小
+      baseSizePhone: 14 // 移动端基础字号大小
     };
   },
   computed: {
@@ -3083,7 +3084,7 @@ export default {
         display: flex;
         b {
           min-width: 39px;
-          height: 24px;
+          height: fit-content;
           background: #e35454;
           border-radius: 8px;
           color: #ffffff;
@@ -3233,12 +3234,13 @@ export default {
       .btn-prev,
       .btn-next {
         position: fixed;
-        top: 83px;
+        top: 84px;
         left: 0;
         z-index: 2;
         width: 30px;
         height: 30px;
         // background-color: transparent;
+        background-size: 20px !important;
       }
       .btn-next {
         left: auto;
@@ -3268,6 +3270,12 @@ export default {
     .title-box-preview {
       padding-top: 20px !important;
     }
+    .submitLookAnswer {
+      height: fit-content;
+      width: auto;
+      padding: 6px 12px;
+      line-height: 1.2;
+    }
   }
 }
 .submitLookAnswer {