修复试卷打印时考试说明圆角被遮挡的问题

- 增加打印页面边距从0.8cm到1cm,为圆角提供更多显示空间
- 保留考试说明卡片的圆角效果,设置overflow: visible防止裁剪
- 添加padding为圆角提供内部缓冲空间
- 修正考试说明中的文字描述(填空题改为简答题)

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
yanlongqi 2025-11-18 10:48:28 +08:00
parent 0464223d00
commit 74d692ed2c
2 changed files with 8 additions and 3 deletions

View File

@ -205,10 +205,10 @@
display: none !important; display: none !important;
} }
// A4纸张设置 // A4纸张设置 - 增加边距以确保圆角不被遮挡
@page { @page {
size: A4; size: A4;
margin: 0.8cm; margin: 1cm;
} }
.container { .container {
@ -251,6 +251,11 @@
.instructionCard { .instructionCard {
margin-bottom: 6px; margin-bottom: 6px;
border: 1px solid #000; border: 1px solid #000;
// 确保圆角不被裁剪
border-radius: 8px;
overflow: visible;
// 添加一些内边距确保圆角有空间显示
padding: 2px;
:global(.ant-card-body) { :global(.ant-card-body) {
padding: 6px; padding: 6px;

View File

@ -447,7 +447,7 @@ const ExamPrint: React.FC = () => {
<Title level={4}></Title> <Title level={4}></Title>
<ul> <ul>
<li>10060</li> <li>10060</li>
<li>8</li> <li>8</li>
<li>921</li> <li>921</li>
</ul> </ul>
</Card> </Card>