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

- 增加打印页面边距从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;
}
// A4纸张设置
// A4纸张设置 - 增加边距以确保圆角不被遮挡
@page {
size: A4;
margin: 0.8cm;
margin: 1cm;
}
.container {
@ -251,6 +251,11 @@
.instructionCard {
margin-bottom: 6px;
border: 1px solid #000;
// 确保圆角不被裁剪
border-radius: 8px;
overflow: visible;
// 添加一些内边距确保圆角有空间显示
padding: 2px;
:global(.ant-card-body) {
padding: 6px;

View File

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