修改

src/components/questiontype/v-cloze.vue

@@ -11,7 +11,7 @@
   }
 
   .vClozeQuestion .clozeTest_question_tit {
-    width: 100%;
+    width: 50%;
     height: 40px;
     background: #F7F8FA;
     padding: 0 20px;
@@ -53,7 +53,7 @@
 <template>
   <div class="vClozeQuestion">
     <template v-if="data&&data.QuestionContentObj&&data.QuestionContentObj.length>0">
-      <table class="common_TiTable" v-for="(item,index) in data.QuestionContentObj" :key="index">
+      <table class="common_TiTable" style="margin-bottom:20px;" v-for="(item,index) in data.QuestionContentObj" :key="index">
         <thead>
           <tr>
             <th colspan="2">
@@ -85,19 +85,19 @@
         </tbody>
         <tfoot v-if="isShowAnswer">
           <tr>
-            <td colspan="2" class="vClozeQuestionBold">
+            <td style="height:40px" colspan="2" class="vClozeQuestionBold">
               答案： {{data.QuestionAnswerList[index].SubAnswer}}
             </td>
           </tr>
           <tr>
-            <td v-if="isShowStudentAnswer" colspan="2" class="vClozeQuestionBold"
+            <td style="height:40px" v-if="isShowStudentAnswer" colspan="2" class="vClozeQuestionBold"
               :style="{color:data.QuestionAnswerList[index].SubAnswer ==data.AnswerList[index].SubAnswer?'#67c23a':'red'}">
               考生答案: {{data.AnswerList[index].SubAnswer}}
             </td>
           </tr>
           <tr v-if="isShowStudentAnswer">
             <td colspan="2">
-              <q-input v-if="isEditStudentScore" standout="bg-primary text-white"
+              <q-input v-if="isEditStudentScore" filled style="width:180px;"
                 v-model="data.AnswerList[index].StudentScore" label="得分：" maxlength="20" @input="getQuestionScore" />
               <span v-else class="vClozeQuestionBold">考生得分：{{data.AnswerList[index].StudentScore}}</span>
             </td>
@@ -108,10 +108,13 @@
         <tfoot>
           <tr>
             <td colspan="2">
-              <span class="vClozeQuestionBold">
-                解析：
-              </span>
-              <span v-html="data.AnswerParse"></span></td>
+              <div style="display:flex;align-items:center;">
+                <span class="vClozeQuestionBold">
+                  解析：
+                </span>
+                <span class="Fill_AnswerPaer" v-html="data.AnswerParse"></span>
+              </div>
+            </td>
           </tr>
         </tfoot>
       </table>

src/components/questiontype/v-fillin.vue

@@ -13,7 +13,9 @@
     text-align: center;
     padding-top: 8px;
   }
-
+  .Fill_AnswerPaer P{
+    margin: 0;
+  }
 </style>
 <template>
   <div class="v_fillInQuestion">
@@ -81,10 +83,13 @@
         </tr>
         <tr>
           <td colspan="2">
-            <span class="v_fillInBold">
-              解析：
-            </span>
-            <span v-html="data.AnswerParse"></span></td>
+            <div style="display:flex;align-items:center;">
+              <span class="v_fillInBold">
+                解析：
+              </span>
+              <span class="Fill_AnswerPaer" v-html="data.AnswerParse"></span>
+            </div>
+          </td>
         </tr>
       </tfoot>
     </table>

src/components/questiontype/v-judge.vue

@@ -12,6 +12,12 @@
     display: block;
     line-height: 1em;
     color: transparent;
+  } 
+  .judgeTable tfoot:before{
+    content: "-";
+    display: block;
+    line-height: 1em;
+    color: transparent;
   }
 
 </style>
@@ -55,10 +61,13 @@
         </tr>
         <tr>
           <td colspan="2">
-            <span class="v_judgeQuestionBold">
-              解析：
-            </span>
-            <span v-html="data.AnswerParse"></span></td>
+            <div style="display:flex;align-items:center;">
+              <span class="v_judgeQuestionBold">
+                解析：
+              </span>
+              <span class="Fill_AnswerPaer" v-html="data.AnswerParse"></span>
+            </div>
+          </td>
         </tr>
       </tfoot>
     </table>

src/components/questiontype/v-readingcomprehensio.vue

@@ -6,7 +6,7 @@
 
 
   .v_readingComprehensioQuestion .clozeTest_question_tit {
-    width: 100%;
+    width: 50%;
     height: 40px;
     background: #F7F8FA;
     padding: 0 20px;
@@ -102,7 +102,7 @@
             </tr>
             <tr v-if="isShowStudentAnswer">
               <td colspan="2">
-                <q-input v-if="isEditStudentScore" standout="bg-primary text-white"
+                <q-input v-if="isEditStudentScore" filled style="width:180px"
                   v-model="data.AnswerList[index].StudentScore" label="得分：" maxlength="20" @input="getQuestionScore" />
                 <span v-else class="v_readingComprehensioQuestionBold">考生得分：{{data.AnswerList[index].StudentScore}}</span>
               </td>
@@ -132,7 +132,7 @@
             </tr>
             <tr v-if="isShowStudentAnswer">
               <td colspan="2">
-                <q-input v-if="isEditStudentScore" standout="bg-primary text-white"
+                <q-input v-if="isEditStudentScore" filled style="width:180px"
                   v-model="data.AnswerList[index].StudentScore" label="得分：" maxlength="20" @input="getQuestionScore" />
                 <span v-else class="v_readingComprehensioQuestionBold">考生得分：{{data.AnswerList[index].StudentScore}}</span>
               </td>
@@ -176,7 +176,7 @@
             </tr>
             <tr v-if="isShowStudentAnswer">
               <td colspan="2" style="height:40px">
-                <q-input v-if="isEditStudentScore" standout="bg-primary text-white"
+                <q-input v-if="isEditStudentScore" filled style="width:180px"
                   v-model="data.AnswerList[index].StudentScore" label="得分：" maxlength="20" @input="getQuestionScore" />
                 <span v-else class="v_readingComprehensioQuestionBold">考生得分：{{data.AnswerList[index].StudentScore}}</span>
               </td>
@@ -203,7 +203,7 @@
             </tr>
             <tr v-if="isShowStudentAnswer">
               <td colspan="2">
-                <q-input v-if="isEditStudentScore" standout="bg-primary text-white"
+                <q-input v-if="isEditStudentScore" filled style="width:180px"
                   v-model="data.AnswerList[index].StudentScore" label="得分：" maxlength="20" @input="getQuestionScore" />
                 <span v-else class="v_readingComprehensioQuestionBold">考生得分：{{data.AnswerList[index].StudentScore}}</span>
               </td>

src/components/questiontype/v-shortanswer.vue

@@ -19,8 +19,8 @@
     <div style="display:flex;" v-if="isOperate">
       <el-input v-model="data.Answer" placeholder="请填写问题答案"> </el-input>
     </div>
-    <div v-if="isShowStudentAnswer" style="display:flex;">
-      <div class="v_shortAnswerQuestionBold" style="margin:20px 0">考生答案：</div>
+    <div v-if="isShowStudentAnswer" style="display:flex;align-items:center;">
+      <div class="v_shortAnswerQuestionBold" style="margin:10px 0">考生答案：</div>
       <div v-html="data.StundetAnswer"></div>
     </div>
     <div v-if="isShowStudentAnswer" style="display:flex;;margin-bottom:20px;">

src/components/questiontype/v-single.vue

@@ -7,6 +7,9 @@
     font-weight: bold;
     height:40px;
   }
+  .Fill_AnswerPaer P{
+    margin: 0;
+  }
 
 </style>
 <!--单选题查看-->
@@ -49,12 +52,12 @@
           </td>
         </tr>
         <tr>
-          <td colspan="2">
-            <div style="display:flex;">
+          <td colspan="2" style="height:40px;">
+            <div style="display:flex;align-items:center;">
               <span class="v_singleQuestionBold">
                 解析：
               </span>
-              <span v-html="data.AnswerParse"></span>
+              <span style="height:40px;" class="Fill_AnswerPaer" v-html="data.AnswerParse"></span>
             </div>
           </td>
         </tr>