正副标题

src/components/Adult/Preview.vue

@@ -46,7 +46,7 @@
     </div>
     <div v-if="cur" class="NNPE-Book-content-inner">
       <div v-for="(item, index) in cur.cur_fn_data" :key="index">
-        <h2 v-if="item.z_title">{{ item.z_title }}</h2>
+        <h2 v-if="item.z_title||item.number"><b v-if="item.number">{{item.number}}</b>{{ item.z_title }}</h2>
         <h3 v-if="item.f_title">{{ item.f_title }}</h3>
         <div
           :class="['NNPE-tableList', item.is_bg ? 'NNPE-tableList-hasBg' : '']"
@@ -697,11 +697,23 @@ export default {
     > div {
       padding-top: 24px;
       > h2 {
-        color: #000000;
+        color: #E35454;
         font-size: 16px;
         line-height: 150%;
         font-weight: bold;
         margin: 0;
+        b{
+            width: 48px;
+            height: 24px;
+            background: #E35454;
+            border-radius: 8px;
+            color: #FFFFFF;
+            font-family: 'robot';
+            display: inline-block;
+            text-align: center;
+            font-size: 16px;
+            margin-right: 14px;
+        }
       }
       > h3 {
         color: #000000;

src/components/Adult/preview/TextInputRecord.vue

@@ -9,7 +9,7 @@
                 class="audio-play"
             />
           <b v-if="items.number">{{ items.number }}</b>
-          <span class="item-con">{{items.con}}</span>
+          <span class="item-con" :class="[items.font]">{{items.con}}</span>
           <input
                 @input="handleInput"
                 :class="['item-input']"
@@ -76,7 +76,6 @@ export default {
 //@import url(); 引入公共css类
 .Big-Book-prev-Textdes{
     width: 100%;
-    padding: 0 12px;
     h2{
         font-weight: normal;
         font-size: 16px;
@@ -121,6 +120,12 @@ export default {
                 margin-right: 8px;
                 word-break: break-word;
                 font-family: 'FZJCGFKTK';
+                &.py{
+                    font-family: 'GB-PINYINOK-B';  
+                }
+                &.en{
+                    font-family: 'robot';  
+                }
             }
             input{
                 flex: 1;