多媒体阅卷：style

src/features/mark/MultiMediaMarkBody.vue

@@ -1,29 +1,35 @@
 <template>
   <div class="rich-text-question-container">
-    <div v-for="(question, index) in questions" :key="index" class="question">
-      <div>
-        <span :id="'q-' + question.unionOrder">题号：</span>
-        <span>{{ question.unionOrder }}</span>
-      </div>
-      <div>
-        <div>题干：</div>
-        <div v-html="getDomByRichTextJSON(question.parentBody)?.innerHTML" />
-        <div v-html="getDomByRichTextJSON(question.body)?.innerHTML" />
-      </div>
-      <div>
+    <div v-for="(question, index) in questions" :key="index">
+      <div class="question">
+        <div class="tw-text-xl">
+          <span :id="'q-' + question.unionOrder">题号：</span>
+          <span>{{ question.unionOrder }}</span>
+        </div>
         <div>
-          考生答案：（字数统计：{{
-            getDomByRichTextJSON(question.studentAnswer)?.innerText.length ?? 0
-          }}）
+          <div class="tw-text-xl">题干：</div>
+          <div v-html="getDomByRichTextJSON(question.parentBody)?.innerHTML" />
+          <div v-html="getDomByRichTextJSON(question.body)?.innerHTML" />
+        </div>
+        <div>
+          <div style="color: blue">
+            考生答案：（字数统计：{{
+              getDomByRichTextJSON(question.studentAnswer)?.innerText.length ??
+              0
+            }}）
+          </div>
+          <div
+            v-html="getDomByRichTextJSON(question.studentAnswer)?.innerHTML"
+          />
+        </div>
+        <div>
+          <div style="color: blue">标准答案：</div>
+          <div
+            v-html="getDomByRichTextJSON(question.standardAnswerr)?.innerHTML"
+          />
         </div>
-        <div v-html="getDomByRichTextJSON(question.studentAnswer)?.innerHTML" />
-      </div>
-      <div>
-        <div>标准答案：</div>
-        <div
-          v-html="getDomByRichTextJSON(question.standardAnswerr)?.innerHTML"
-        />
       </div>
+      <div style="margin-bottom: 20px"></div>
     </div>
   </div>
 </template>
@@ -130,10 +136,11 @@ onUpdated(() => {
 <style scoped>
 .question {
   background-color: white;
-  margin-bottom: 20px;
+  padding: 5px;
+  border-radius: 5px;
 }
 .rich-text-question-container {
-  background-color: white;
+  background-color: transparent;
 }
 </style>