diff --git a/web/src/pages/ExamManagement.module.less b/web/src/pages/ExamManagement.module.less index 9a97256..c58f3f6 100644 --- a/web/src/pages/ExamManagement.module.less +++ b/web/src/pages/ExamManagement.module.less @@ -136,7 +136,7 @@ // 卡片内容样式 .cardContent { - padding: 16px; + padding: 8px; } .examInfo { @@ -208,6 +208,12 @@ width: 100%; justify-content: center; // 内容居中 + // 覆盖 antd Tag 的默认图标间距 + :global(.anticon) + span, + span + :global(.anticon) { + margin-inline-start: 0 !important; + } + .anticon { font-size: 14px; color: #64748b; @@ -230,7 +236,12 @@ line-height: 1.4; width: 100%; justify-content: center; // 内容居中 - width: 100%; + + // 覆盖 antd Tag 的默认图标间距 + :global(.anticon) + span, + span + :global(.anticon) { + margin-inline-start: 0 !important; + } .anticon { font-size: 14px; @@ -353,7 +364,6 @@ } .cardContent { - margin-top: 12px; .infoRow { display: flex; @@ -388,6 +398,7 @@ // 旧版兼容样式 - divider已合并,不再重复定义 // 响应式适配 +// 移动端:1列 @media (max-width: 768px) { .container { padding: 16px; @@ -395,7 +406,7 @@ } .examGrid { - grid-template-columns: 1fr; + grid-template-columns: 1fr; // 移动端显示1列 gap: 16px; } @@ -472,7 +483,7 @@ .examStats { padding: 12px 0; - gap: 10px; + gap: 6px; .statItem { .valueTag { @@ -571,6 +582,14 @@ } } +// 平板端:2列 +@media (min-width: 769px) and (max-width: 1024px) { + .examGrid { + grid-template-columns: repeat(2, 1fr); // 平板显示2列 + gap: 12px; + } +} + @media (max-width: 480px) { .container { padding: 12px; diff --git a/web/src/pages/ExamManagement.tsx b/web/src/pages/ExamManagement.tsx index 24a56e6..cb183c7 100644 --- a/web/src/pages/ExamManagement.tsx +++ b/web/src/pages/ExamManagement.tsx @@ -368,22 +368,6 @@ const ExamManagement: React.FC = () => { ]} >