From 9887f99a898a1940f8f8617071781b836c2a317a Mon Sep 17 00:00:00 2001
From: yanlongqi <yuchat@163.com>
Date: Tue, 18 Nov 2025 23:01:18 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=8D=A1=E7=89=87=E7=BB=9F?=
 =?UTF-8?q?=E8=AE=A1=E6=A0=87=E7=AD=BE=E4=B8=BA=E6=A8=AA=E5=90=91=E6=8E=92?=
 =?UTF-8?q?=E5=88=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将examStats从垂直排列改为横向排列
- 三个标签(最高分、考试次数、进行中)在同一行显示
- 添加flex-wrap允许在窄屏时换行
- 标签内容居中对齐

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 web/src/pages/ExamManagement.module.less | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/web/src/pages/ExamManagement.module.less b/web/src/pages/ExamManagement.module.less
index 0f73308..9a97256 100644
--- a/web/src/pages/ExamManagement.module.less
+++ b/web/src/pages/ExamManagement.module.less
@@ -185,10 +185,14 @@
 // 统计数据样式
 .examStats {
   display: flex;
-  flex-direction: column;
+  flex-direction: row; // 改为横向排列
+  flex-wrap: wrap; // 允许换行
   gap: 12px;
 
   .statItem {
+    flex: 1; // 让每个项目平均分配空间
+    min-width: 0; // 允许flex收缩
+
     .valueTag {
       font-size: 13px;
       font-weight: 500;
@@ -202,6 +206,7 @@
       gap: 8px;
       line-height: 1.4;
       width: 100%;
+      justify-content: center; // 内容居中
 
       .anticon {
         font-size: 14px;
@@ -224,6 +229,8 @@
       gap: 8px;
       line-height: 1.4;
       width: 100%;
+      justify-content: center; // 内容居中
+      width: 100%;
 
       .anticon {
         font-size: 14px;