更新 ExamCard.vue 中的格式

src/views/exam/ExamCard.vue

@@ -22,12 +22,15 @@
         <el-col :span="18" :offset="3">
           <el-col :span="16">
             <el-card style="min-height: 500px">
-              <!--题目信息-->
+              <!-- 题目信息 -->
               <div>
                 <span v-if="questionList[curIndex].questionType === 1">【单选题】</span>
                 <span v-else-if="questionList[curIndex].questionType === 2">【多选题】</span>
                 <span v-else-if="questionList[curIndex].questionType === 3">【判断题】</span>
-                <span v-else>【简答题】</span>
+                <span v-else-if="questionList[curIndex].questionType === 4">【简答题】</span>
+                <span v-else-if="questionList[curIndex].questionType === 5">【判断题】</span>
+                <span v-else-if="questionList[curIndex].questionType === 6">【问答题】</span>
+                <span v-else>【理解题】</span>
                 <br>
                 <br>
                 <i class="num">{{ curIndex + 1 }}</i>
@@ -43,7 +46,7 @@
                 @click="showBigImg(url)"
               >
 
-              <!--单选 和 判断 的答案列表-->
+              <!-- 单选和判断的候选答案列表 -->
               <div
                 v-show="questionList[curIndex].questionType === 1 || questionList[curIndex].questionType === 3"
                 style="margin-top: 25px"
@@ -68,7 +71,7 @@
                 </div>
               </div>
 
-              <!--多选的答案列表-->
+              <!-- 多选和不定项选择题的候选答案列表 -->
               <div v-show="questionList[curIndex].questionType === 2" style="margin-top: 25px">
                 <div class="el-radio-group">
                   <label
@@ -91,7 +94,7 @@
                 </div>
               </div>
 
-              <!--简答题的答案-->
+              <!-- 简答题的回答区 -->
               <div v-show="questionList[curIndex].questionType === 4" style="margin-top: 25px">
                 <el-input
                   v-model="userAnswer[curIndex]"
@@ -101,7 +104,7 @@
                 />
               </div>
 
-              <!--上一题 下一题-->
+              <!-- 上一题和下一题按钮 -->
               <div style="margin-top: 25px">
                 <el-button type="primary" icon="el-icon-back" :disabled="curIndex<1" @click="curIndex--">上一题</el-button>
                 <el-button
@@ -114,9 +117,8 @@
               </div>
             </el-card>
           </el-col>
-
           <el-col :span="7" :offset="1">
-            <!--答题卡卡片-->
+            <!-- 答题卡 -->
             <el-card>
               <div>
                 <p style="font-size: 18px;">答题卡</p>
@@ -125,13 +127,12 @@
                     style="background-color: rgb(238,238,238);padding: 5px 10px 5px 10px;margin-left: 15px"
                   >未作答</span>
                   <span
-                    style="background-color: rgb(87,148,247);color: white;
-                padding: 5px 10px 5px 10px;margin-left: 15px"
+                    style="background-color: rgb(87,148,247);color: white;padding: 5px 10px 5px 10px;margin-left: 15px"
                   >已作答</span>
                 </div>
               </div>
 
-              <!--单选的答题卡-->
+              <!-- 单选的答题卡 -->
               <div style="margin-top: 25px">
                 <p style="font-size: 18px;">单选题</p>
                 <el-button
@@ -147,7 +148,7 @@
                 </el-button>
               </div>
 
-              <!--多选的答题卡-->
+              <!-- 多选的答题卡 -->
               <div style="margin-top: 25px">
                 <p style="font-size: 18px;">多选题</p>
                 <el-button
@@ -163,7 +164,7 @@
                 </el-button>
               </div>
 
-              <!--判断的答题卡-->
+              <!-- 判断的答题卡 -->
               <div style="margin-top: 25px">
                 <p style="font-size: 18px;">判断题</p>
                 <el-button
@@ -179,7 +180,7 @@
                 </el-button>
               </div>
 
-              <!--简答的答题卡-->
+              <!-- 简答题的答题卡 -->
               <div style="margin-top: 25px">
                 <p style="font-size: 18px;">简答题</p>
                 <el-button
@@ -196,7 +197,6 @@
               </div>
             </el-card>
           </el-col>
-
         </el-col>
       </el-row>
       <video