From e057505e8a2861098acba2cef3937f8492f39110 Mon Sep 17 00:00:00 2001 From: yanlongqi Date: Tue, 18 Nov 2025 22:57:46 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E8=80=83=E8=AF=95=E5=8D=A1?= =?UTF-8?q?=E7=89=87=E5=B8=83=E5=B1=80=EF=BC=9A=E5=9B=BA=E5=AE=9A=E6=AF=8F?= =?UTF-8?q?=E8=A1=8C=E6=98=BE=E7=A4=BA3=E4=B8=AA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 将网格布局从自适应改为固定3列 - 确保所有卡片等高(stretch) - 添加flexbox布局确保卡片内容正确伸展 - 解决有"进行中"标签时高度不一致的问题 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- web/src/pages/ExamManagement.module.less | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/web/src/pages/ExamManagement.module.less b/web/src/pages/ExamManagement.module.less index 162796e..0f73308 100644 --- a/web/src/pages/ExamManagement.module.less +++ b/web/src/pages/ExamManagement.module.less @@ -29,9 +29,9 @@ // 试卷网格布局 .examGrid { display: grid; - grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); + grid-template-columns: repeat(3, 1fr); // 固定显示3列 gap: 24px; - align-items: start; + align-items: stretch; // 确保所有卡片等高 } // 试卷卡片样式重构 @@ -42,6 +42,9 @@ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; background: white; + height: 100%; // 确保卡片占满网格单元格高度 + display: flex; + flex-direction: column; &:hover { box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15); @@ -50,6 +53,9 @@ :global(.ant-card-body) { padding: 0; + flex: 1; // 让卡片内容自动伸展 + display: flex; + flex-direction: column; } }