ittoview

shiyue/ittoview

Fork 0

Commit Graph

Author	SHA1	Message	Date
ittoview	da04583703	fix(练习): 优化移动端布局和样式 - 调整底部固定区域布局，输入框和辅助信息分层显示 - 压缩矩阵格子间距和内边距，适配小屏幕 - 辅助信息区域限高并可滚动，只显示前2个裁剪因素 - 减小字体大小和组件尺寸，提升移动端体验 - 修复表头吸顶位置偏移 via [HAPI](https://hapi.run) Co-Authored-By: HAPI <noreply@hapi.run>	2026-03-01 14:37:01 +00:00
ittoview	cc8dd1e751	feat(练习): 新增过程背诵练习模块 - 实现知识领域和过程的背诵练习功能 - 矩阵布局：知识领域格子横跨5列，过程按过程组分列 - 动态输入框：根据答案长度自动调整横线数量 - 实时验证：逐字符验证，错误标红，正确后自动跳转 - 辅助信息：知识领域显示裁剪因素，过程显示主要作用 - 长按显示答案：支持触摸、鼠标和键盘（空格键） - TAB键切换：按顺序切换格子，自动跳过空单元格 - 支持输入法和批量粘贴 - 完整的无障碍支持（aria-live、tabIndex、scrollIntoView） - 进度跟踪：顶部显示答题进度条新增文件： - src/utils/practice.ts - 工具函数 - src/hooks/useLongPress.ts - 长按 Hook - src/components/practice/ - 练习组件 - src/pages/ProcessPracticePage.tsx - 练习页面 via [HAPI](https://hapi.run) Co-Authored-By: HAPI <noreply@hapi.run>	2026-03-01 14:28:59 +00:00

Author

SHA1

Message

Date

ittoview

da04583703

fix(练习): 优化移动端布局和样式

- 调整底部固定区域布局，输入框和辅助信息分层显示
- 压缩矩阵格子间距和内边距，适配小屏幕
- 辅助信息区域限高并可滚动，只显示前2个裁剪因素
- 减小字体大小和组件尺寸，提升移动端体验
- 修复表头吸顶位置偏移

via [HAPI](https://hapi.run)

Co-Authored-By: HAPI <noreply@hapi.run>

2026-03-01 14:37:01 +00:00

ittoview

cc8dd1e751

feat(练习): 新增过程背诵练习模块

- 实现知识领域和过程的背诵练习功能
- 矩阵布局：知识领域格子横跨5列，过程按过程组分列
- 动态输入框：根据答案长度自动调整横线数量
- 实时验证：逐字符验证，错误标红，正确后自动跳转
- 辅助信息：知识领域显示裁剪因素，过程显示主要作用
- 长按显示答案：支持触摸、鼠标和键盘（空格键）
- TAB键切换：按顺序切换格子，自动跳过空单元格
- 支持输入法和批量粘贴
- 完整的无障碍支持（aria-live、tabIndex、scrollIntoView）
- 进度跟踪：顶部显示答题进度条

新增文件：
- src/utils/practice.ts - 工具函数
- src/hooks/useLongPress.ts - 长按 Hook
- src/components/practice/ - 练习组件
- src/pages/ProcessPracticePage.tsx - 练习页面

via [HAPI](https://hapi.run)

Co-Authored-By: HAPI <noreply@hapi.run>

2026-03-01 14:28:59 +00:00

2 Commits