yanlongqi
|
fabc5c8f3e
|
优化答题页面导航系统和UI体验
主要改进：
- 新增题目导航抽屉组件，支持快速跳转到任意题目
- 新增悬浮球导航按钮，实时显示答题进度和统计信息
- 优化顶部导航栏，移除进度条，简化为返回、标题和设置三个按钮
- 将答题设置改为弹窗模式，提供更好的交互体验
- 优化题目列表卡片设计，减小高度使其更紧凑
- 题目列表显示题号、分类标签、题目内容和答题状态
- 支持答题进度持久化，刷新页面不丢失进度
技术细节：
- 使用 Ant Design 的 Drawer、Modal、Tag 等组件
- 采用 CSS Modules 实现样式隔离
- 使用 LocalStorage 保存答题进度和设置
- 响应式设计，适配移动端和PC端
- 修复 TypeScript 编译错误
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-11-07 17:45:53 +08:00 |
|