对话答题______问题

src/components/Adult/preview/DialogueArticleViewChs/AnswerModel.vue

@@ -90,10 +90,13 @@
                             >
                           </template>
                           <template v-else>
-                            <input
+                            <!-- <input
                               v-model="pItem.answer"
                               class="answer-input"
-                            />
+                            /> -->
+                            <div class="answer-input" contenteditable="true">
+                              {{ pItem.answer }}
+                            </div>
                           </template>
                           <span
                             v-if="pyPosition == 'bottom'"
@@ -186,7 +189,10 @@
                           >
                         </template>
                         <template v-else>
-                          <input v-model="pItem.answer" class="answer-input" />
+                          <!-- <input v-model="pItem.answer" class="answer-input" /> -->
+                          <div class="answer-input" contenteditable="true">
+                            {{ pItem.answer }}
+                          </div>
                         </template>
                         <span
                           v-if="pyPosition == 'bottom'"
@@ -302,7 +308,10 @@
                     }}</span>
                   </template>
                   <template v-else>
-                    <input v-model="pItem.answer" class="answer-input" />
+                    <!-- <input v-model="pItem.answer" class="answer-input" /> -->
+                    <div class="answer-input" contenteditable="true">
+                      {{ pItem.answer }}
+                    </div>
                   </template>
                 </div>
                 <div v-if="item.enwords" class="enwords">
@@ -782,19 +791,20 @@ export default {
         }
       }
       .answer-input {
-        height: 28px;
+        min-height: 31px;
         box-sizing: border-box;
         border: 0;
         border-bottom: 1px #000 solid;
         background: 0 0;
-        width: 100px;
+        min-width: 100px;
         outline: 0;
-        text-align: center;
+        text-align: left;
         font-family: "FZJCGFKTK";
         font-size: 20px;
         padding: 0 10px;
         box-sizing: border-box;
         color: #000000;
+        line-height: 150%;
       }
     }
     .enwords {

src/components/Adult/preview/DialogueArticleViewChs/NormalModelChs.vue

@@ -38,7 +38,7 @@
           v-for="(item, index) in resArr"
           :key="'detail' + index"
         >
-        <!-- {{curTime}}
+          <!-- {{curTime}}
         {{item.timeList[0].bg}}
         {{item.timeList[item.timeList.length - 1].ed}} -->
           <div :class="['article-content', isHasRemark ? 'hasRemark' : '']">
@@ -625,7 +625,7 @@ export default {
     justify-content: flex-start;
     align-items: flex-start;
     &.active {
-      background: rgba(0, 0, 0, 0.06);
+      // background: rgba(0, 0, 0, 0.06);
     }
     .article-content {
       width: 100%;