排序移动端

src/components/Adult/Preview.vue

@@ -360,7 +360,7 @@
                         : '0px'
                   }"
                 >
-                  <b v-html="item.little_title_number" />
+                  <b v-html="item.little_title_number" :style="{ fontSize: baseSizePhone+2 + 'px' }" />
                   <template
                     v-if="item.l_title_detail && item.l_title_detail.sentence"
                   >
@@ -374,11 +374,11 @@
                         :fn_check_list="[]"
                         :py-number="0"
                         :record_check="[]"
-                        :max-fontsize="'16'"
+                        :max-fontsize="baseSizePhone+2"
                       />
                     </div>
                   </template>
-                  <p v-else-if="item.little_title" v-html="item.little_title" />
+                  <p v-else-if="item.little_title" v-html="item.little_title"  :style="{ fontSize: baseSizePhone+2 + 'px' }" />
                 </div>
               </template>
               <div
@@ -418,7 +418,15 @@
                       'NNPE-tableList-item',
                       items.length == 1
                         ? 'NNPE-tableList-item-noMargin'
-                        : 'NNPE-tableList-item' + items.length
+                        : 'NNPE-tableList-item' + items.length,
+                      item.table_list_phone[indexs - 1] &&
+                      item.table_list_phone[indexs - 1].length === 2 &&
+                      item.table_list_phone[indexs - 1][0].data &&
+                      item.table_list_phone[indexs - 1][0].data.type ===
+                        'image' &&
+                      items.length === 1
+                        ? 'NNPE-tableList-item-image'
+                        : ''
                     ]"
                   >
                     <template v-if="itemss.data">
@@ -2714,6 +2722,7 @@ export default {
                 if (itemss.data && itemss.type) {
                   if (itemss.data.type === "image") {
                     if (
+                      table_list_phone[table_list_phone.length - 1] &&
                       table_list_phone[table_list_phone.length - 1].length ===
                         1 &&
                       table_list_phone[table_list_phone.length - 1][0].data
@@ -2735,7 +2744,6 @@ export default {
               });
             });
             _this.$set(item, "table_list_phone", table_list_phone);
-            console.log(table_list_phone);
           }
           item.ShowstandardAnswer = Boolean(
             JSON.stringify(item.table_list).match(/\[JUDGE##F##JUDGE\]/g)
@@ -3361,7 +3369,12 @@ export default {
       }
     }
     .NNPE-tableList-tr {
-      margin-bottom: 20px;
+      margin-bottom: 10px;
+      gap: 10px;
+      .NNPE-tableList-item-image {
+        width: 50% !important;
+        padding-right: 5px;
+      }
     }
     .title-little {
       margin-bottom: 16px !important;

src/components/Adult/phonePreview/Picture.vue

@@ -2,7 +2,7 @@
 <template>
   <div :class="['Big-Book-PictureBox']" v-if="isShowTemp">
     <!-- <ul class="Big-Book-PictureBox-item" v-for="(item,index) in curQue.queList" :key="index"> -->
-    <h2>{{ curQue.title }}</h2>
+    <h2 v-if="curQue.title">{{ curQue.title }}</h2>
     <li v-for="(items, indexs) in curQue.option" :key="indexs">
       <span class="xuhao" v-if="items.xuhao">{{ items.xuhao }}</span>
       <template v-if="ChildType != 'image_gdcy' && items.hanziSite == 'top'">
@@ -443,7 +443,7 @@ import Soundrecord from "../preview/Soundrecord.vue"; // 录音模板
 import Recorder from "js-audio-recorder"; //录音插件
 export default {
   components: { Soundrecord },
-  props: ["curQue", "ChildType", "TaskModel", "judgeAnswer"],
+  props: ["curQue", "ChildType", "TaskModel", "judgeAnswer", "baseSizePhone"],
   data() {
     return {
       fn_list_obj: "",
@@ -908,7 +908,7 @@ export default {
 //@import url(); 引入公共css类
 .Big-Book-PictureBox {
   width: 100%;
-  margin-bottom: 24px;
+  // margin-bottom: 24px;
   // &.PictureBoxFlex{
   //     display: flex;
   //     justify-content: space-between;

src/components/Adult/phonePreview/SentenceSortQP.vue

@@ -8,10 +8,9 @@
           : false
         : true
     "
-    class="Big-Book-prev-Textdes sentenceSort"
-    :class="[isPhone ? 'sentenceSort-phone' : '']"
+    class="Big-Book-prev-Textdes sentenceSort sentenceSort-phone"
   >
-    <h2>{{ curQue.title }}</h2>
+    <h2 :style="{ fontSize: baseSizePhone + 2 + 'px' }">{{ curQue.title }}</h2>
     <div
       v-for="(item, index) in judgeAnswer == 'standardAnswer'
         ? userErrList
@@ -20,9 +19,13 @@
       class="item-box"
     >
       <div class="item-right">
-        <b :style="{ background: item.number ? '' : 'none' }">{{
-          item.number ? item.number : ""
-        }}</b>
+        <b
+          :style="{
+            background: item.number ? '' : 'none',
+            fontSize: baseSizePhone + 2 + 'px'
+          }"
+          >{{ item.number ? item.number : "" }}</b
+        >
         <draggable
           v-model="item.detail.wordsList"
           animation="300"
@@ -56,10 +59,10 @@
                   : ''
               ]"
             >
-              <p>
+              <p :style="{ fontSize: baseSizePhone + 2 + 'px' }">
                 {{ itemNode.pinyin }}
               </p>
-              <p>
+              <p :style="{ fontSize: baseSizePhone + 6 + 'px' }">
                 {{ itemNode.chs }}
               </p>
             </div>
@@ -83,7 +86,7 @@ import AnswerTitle from "../preview/components/AnswerTitle.vue";
 
 export default {
   components: { draggable, AnswerTitle },
-  props: ["curQue", "TaskModel", "judgeAnswer", "isPhone"],
+  props: ["curQue", "TaskModel", "judgeAnswer", "baseSizePhone"],
   data() {
     return {
       userList: [],
@@ -308,12 +311,12 @@ export default {
   h2 {
     color: #000000;
     font-size: 16px;
-    line-height: 19px;
+    line-height: 1.1;
     margin: 0;
     font-weight: normal;
   }
   .item-box {
-    margin: 8px 0 24px 0;
+    margin: 10px 0;
     b {
       background: #de4444;
       text-align: center;
@@ -329,7 +332,7 @@ export default {
       flex-shrink: 0;
     }
     .content-box {
-      background: #e9e9e9;
+      background: rgba(250, 249, 249, 1);
       padding: 8px;
       border-radius: 8px;
     }
@@ -341,11 +344,11 @@ export default {
     right: 0;
     top: 0;
     display: flex;
-    justify-content: center;
+    justify-content: end;
     align-items: center;
     &-btn {
-      width: 16px;
-      height: 16px;
+      width: 20px;
+      height: 20px;
       background: url("../../../assets/NPC/fw-no.png") no-repeat left top;
       background-size: 100% 100%;
       cursor: pointer;
@@ -365,6 +368,7 @@ export default {
       > :nth-child(1) {
         display: flex;
         flex-wrap: wrap;
+        gap: 3px;
         .item {
           // width: 82px;
           // height: 70px;
@@ -372,9 +376,7 @@ export default {
           background: #ffffff;
           border-radius: 8px;
           text-align: center;
-          margin-right: 2px;
           color: #000000;
-          margin-bottom: 2px;
           cursor: pointer;
           border: 1px solid #ffffff;
           display: flex;
@@ -389,7 +391,6 @@ export default {
           > :nth-child(1) {
             font-family: "GB-PINYINOK-B";
             font-size: 16px;
-            margin-top: 8px;
           }
           > :nth-child(2) {
             font-family: "FZJCGFKTK";
@@ -473,7 +474,7 @@ export default {
       right: 0;
       top: 0;
       display: flex;
-      justify-content: center;
+      justify-content: end;
       align-items: center;
       img {
         width: 16px;
@@ -505,10 +506,10 @@ export default {
 }
 .sentenceSort-phone {
   .item-right {
-    padding-right: 20px;
+    padding-right: 30px;
   }
   .fw {
-    width: 20px;
+    width: 30px;
   }
 }
 </style>

src/components/Adult/phonePreview/TinyModule.vue

@@ -5,6 +5,7 @@
       v-html="curQue.con_new"
       class="tiny-box"
       @click="showImg($event)"
+      :style="{ fontSize: baseSizePhone + 2 + 'px' }"
     ></div>
     <el-dialog
       title=""
@@ -20,7 +21,7 @@
 <script>
 export default {
   components: {},
-  props: ["curQue", "isPhone"],
+  props: ["curQue", "baseSizePhone"],
   data() {
     return {
       dialogImg: false,