yanlongqi
|
de8480a328
|
重构答题系统：组件拆分、进度跟踪、完成统计
主要改动：
1. 组件拆分：将Question.tsx(605行)拆分为4个子组件(303行)
- QuestionProgress: 进度条和统计显示
- QuestionCard: 题目卡片和答题界面
- AnswerResult: 答案结果展示
- CompletionSummary: 完成统计摘要
2. 新增功能：
- 答题进度条：显示当前进度、正确数、错误数
- 进度保存：使用localStorage持久化答题进度
- 完成统计：答完所有题目后显示统计摘要和正确率
- 从第一题开始：改为顺序答题而非随机
3. UI优化：
- 移除右上角统计按钮
- 移除底部随机题目、题目列表、筛选按钮
- 移除"开始xxx答题"提示消息
- 简化页面布局
4. 代码优化：
- 提高代码可维护性和可测试性
- 单一职责原则，每个组件负责一个特定功能
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-11-04 18:39:15 +08:00 |
|
yanlongqi
|
e722180c07
|
重构UI框架并实现响应式设计
- UI框架：从 antd-mobile 迁移到 Ant Design，支持更好的跨平台体验
- 响应式设计：实现移动端、平板、PC端全方位适配
- 移动端：保留底部导航栏，优化触摸交互
- PC端：隐藏底部导航，采用居中布局
- 样式重构：所有组件样式迁移到 CSS Modules（.module.less）
- 功能优化：
- 练习题答题改进：始终返回正确答案便于用户学习
- 添加题目编号字段（question_id）
- 修复判断题选项：由 A/B 改为 true/false
- 组件优化：
- TabBarLayout 重构，支持响应式显示/隐藏
- 所有页面组件采用 Ant Design 组件替换原 antd-mobile 组件
- 统一使用 @ant-design/icons 图标库
- 文档同步：更新 CLAUDE.md 中 UI 组件使用规范和响应式设计说明
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-11-04 13:03:59 +08:00 |
|
|
|
441eb215f6
|
将CSS迁移到Less并添加用户认证功能
主要变更：
- 将所有CSS文件迁移到Less预处理器
- 配置Vite支持Less编译
- 使用Less变量、嵌套和父选择器优化样式代码
- 添加用户注册和登录功能
- 实现用户认证中间件和保护路由
- 新增Profile和Login页面
- 添加底部导航栏组件TabBarLayout
- 更新CLAUDE.md为中文文档
技术改进：
- Less变量统一管理主题色和间距
- CSS嵌套提高代码可读性和可维护性
- 模块化样式组织更清晰
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-11-03 23:21:38 +08:00 |
|
yanlongqi
|
6120d051aa
|
添加前端项目和更新.gitignore配置
- 添加基于 Vite + React + TypeScript 的前端项目
- 配置 .gitignore 排除 node_modules 和构建产物
- 添加 web/.gitignore 用于前端项目的忽略规则
- 包含完整的源代码、配置文件和依赖锁定文件
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-11-03 14:22:48 +08:00 |
|
