From 5879f3d5e806d142a451ab552c755dd2685b2778 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9Czouyf=E2=80=9D?= <80906036@qq.com>
Date: Fri, 25 Oct 2024 10:20:48 +0800
Subject: [PATCH] =?UTF-8?q?[=E4=BD=9C=E4=B8=9A=E6=89=B9=E6=94=B9]=20-=20?=
 =?UTF-8?q?=E9=80=90=E9=A2=98=E5=AD=97=E4=BD=93=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/classTask/container/quizStats.vue   | 39 ++++++++++++-------
 1 file changed, 25 insertions(+), 14 deletions(-)

diff --git a/src/renderer/src/views/classTask/container/quizStats.vue b/src/renderer/src/views/classTask/container/quizStats.vue
index 30631b3..cd824c9 100644
--- a/src/renderer/src/views/classTask/container/quizStats.vue
+++ b/src/renderer/src/views/classTask/container/quizStats.vue
@@ -74,28 +74,28 @@
 
         <div class="title">试题详情</div>
         <!-- 习题训练 -->
-        <el-card style="max-width: 100%; margin-bottom: 10px; text-align: left;">
+        <el-card class="item-card">
           <el-row>
             <el-col :span="24" style="padding: 10px">
               <!-- 题源、题目标题、题目选项 -->
               <span>{{ activeExam.worktag }}</span>
-              <span style="margin-left: 4px" v-html="activeExam.titleFormat"></span>
-              <div :span="24" style="padding: 6px" v-html="activeExam.workdescFormat"></div>
+              <span v-html="activeExam.titleFormat"></span>
+              <div :span="24" style="padding: 12px 6px 2px" v-html="activeExam.workdescFormat"></div>
               <!-- 折叠： 详情分析解答 -->
               <div class="demo-collapse">
-                <el-collapse v-model="activeExamFlag">
+                <el-collapse v-model="activeExamFlag" class="custom-collapse">
                   <el-collapse-item title="详情分析解答" name="1">
-                    <el-row style=" padding: 6px 10px; border: 2px dotted;">
+                    <el-row style=" padding: 4px; border: 2px dotted;">
                       <template #default="scope">
-                        <el-col :span="2" style="padding: 6px 0px"><em>【答案】</em></el-col>
-                        <el-col :span="21" style="padding: 6px 0px" v-html="activeExam.workanswerFormat"></el-col>
-                        <el-col :span="2" style="padding: 6px 0px"><em>【分析】</em></el-col>
-                        <el-col :span="21" style="padding: 6px 0px"  v-html="activeExam.method"></el-col>
-                        <el-col :span="2" style="padding: 6px 0px"><em>【解答】</em></el-col>
-                        <el-col :span="21" style="padding: 6px 0px" v-html="activeExam.analyse"></el-col>
-                        <el-col :span="2" style="padding: 6px 0px"><em>【点评】</em></el-col>
-                        <el-col :span="21" style="padding: 6px 0px" v-html="activeExam.discuss"></el-col>
-                        <!-- <el-col :span="21" style="padding: 6px 0px" v-html="dataList[activeTopic-1].def.discuss"></el-col> -->
+                        <el-col :span="3"  style="padding: 4px 0px"><em>【答案】</em></el-col>
+                        <el-col :span="21" style="padding: 4px 0px" v-html="activeExam.workanswerFormat"></el-col>
+                        <el-col :span="3"  style="padding: 4px 0px"><em>【分析】</em></el-col>
+                        <el-col :span="21" style="padding: 4px 0px"  v-html="activeExam.method"></el-col>
+                        <el-col :span="3"  style="padding: 4px 0px"><em>【解答】</em></el-col>
+                        <el-col :span="21" style="padding: 4px 0px" v-html="activeExam.analyse"></el-col>
+                        <el-col :span="3"  style="padding: 4px 0px"><em>【点评】</em></el-col>
+                        <el-col :span="21" style="padding: 4px 0px" v-html="activeExam.discuss"></el-col>
+                        <!-- <el-col :span="21" style="padding: 4px 0px" v-html="dataList[activeTopic-1].def.discuss"></el-col> -->
                       </template>
                     </el-row>
                   </el-collapse-item>
@@ -433,6 +433,17 @@ watchEffect(() => { initData() })
         flex-direction: column;
       }
     }
+    
+    .item-card {
+      max-width: 100%; 
+      margin-bottom: 10px; 
+      text-align: left;
+      font-size: 18px;
+
+      :deep(.el-collapse-item__content){
+        font-size: 18px;
+      }
+    }
   }
 }
 </style>
\ No newline at end of file