AnCao

History

yanlongqi 8d10ebc327 优化试卷打印页面布局和分页控制

## 主要改进

### 1. 题型标题和分值说明显示优化
- 将 Ant Design Text 组件改为原生 span 元素，确保在打印时不换行
- 将分值说明嵌套到题型标题内部，强制同行显示
- 适用于所有题型：填空题、判断题、单选题、多选题、简答题、论述题

### 2. 打印分页控制优化
- 添加 page-break-after: avoid 和 page-break-inside: avoid 到关键元素
- 试卷标题和考试说明保持在同一页
- 考试说明和填空题不分页
- 题型标题和第一道题保持在同一页
- 每道题目的所有部分（题干、选项、答题区域）保持完整，不被分页打断
- 题型之间尽量紧密排列，减少空白

### 3. 样式细节调整
- 题型标题使用 flex 布局，确保标题和说明在同一行
- 统一使用 marginLeft: 8px 作为标题和说明之间的间距
- 保持 A4 纸张 1cm 页边距设置

## 修改文件
- web/src/pages/ExamPrint.module.less - 打印样式优化
- web/src/pages/ExamPrint.tsx - 题型标题结构调整

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

Co-Authored-By: Claude <noreply@anthropic.com>

2025-12-01 23:04:39 +08:00

public

重构题目练习模式，优化用户体验

2025-11-07 22:45:44 +08:00

src

优化试卷打印页面布局和分页控制

2025-12-01 23:04:39 +08:00

.eslintrc.cjs

添加前端项目和更新.gitignore配置

2025-11-03 14:22:48 +08:00

.gitignore

添加前端项目和更新.gitignore配置