docs: 更新优化进度文档

- 更新todo.md,记录已完成和待处理事项
- 明确组件使用策略(原生 vs uview-plus)
- 统计各页面代码量和优化状态
This commit is contained in:
claw_bot 2026-03-13 10:45:31 +00:00
parent ca1b6220dc
commit e82ced3432

127
todo.md
View File

@ -1,85 +1,64 @@
# AssetManager UniApp UI 升级计划 # AssetManager UniApp UI 优化进度
## 当前状态分析 ## 已完成
- 已引入 uview-plus 组件库uni_modules 方式)
- 部分页面已开始替换原生组件input、button、card、datetime-picker
- 仍存在混合使用情况uni-icons + uview 组件)
- 微信小程序兼容性问题已部分修复
## 优先级排序 ### 2026-03-13
- [x] 移除所有条件编译,专注于微信小程序端
- [x] config.vue: 使用原生 picker 替代 u-picker
- [x] detail.vue:
- 使用原生 input 替代 u-input小程序兼容性
- 使用原生 picker 替代 u-datetime-picker
- 修复日期选择器 NaN 显示问题
- 恢复股票搜索功能
- [x] strategies/edit/edit.vue: 替换 u-input 为原生 input
- [x] strategies/strategies.vue: 清理未使用的 CSS
- [x] 添加 OPTIMIZATION.md 优化计划文档
### P0 - 核心组件统一化(本周内) ## 当前状态
1. **表单组件标准化**
- [ ] 替换所有原生 `<input>``<u-input>`
- [ ] 统一表单验证样式error状态、placeholder颜色
- [ ] 修复 config.vue 中的日期选择器回退问题
2. **按钮组件统一** ### 组件使用策略
- [ ] 替换所有原生 `<button>``<u-button>` | 组件类型 | 推荐方案 | 原因 |
- [ ] 统一按钮尺寸、圆角、hover效果 |---------|---------|------|
- [ ] 微信小程序兼容性测试 | button | 保留原生 | 样式简单,小程序兼容性好 |
| input | 原生 input | u-input 小程序兼容性问题 |
| picker | 原生 picker | u-picker 小程序显示异常 |
| icon | uni-icons | 已有使用,保持统一 |
| toast | u-toast | 小程序兼容性好 |
| skeleton | 自定义 | 小程序中更可控 |
3. **卡片组件优化** ### 页面代码量
- [ ] 检查所有 `<u-card>` 的 props 使用是否正确 | 页面 | 总行数 | CSS行数 | 状态 |
- [ ] 统一卡片阴影、边框、内边距 |-----|-------|--------|------|
- [ ] 修复 detail.vue 中 u-card 的样式问题 | index.vue | 654 | 428 | 待优化 |
| detail.vue | 1039 | 330 | 已优化 |
| config.vue | 733 | 325 | 已优化 |
| strategies/edit | 997 | ~250 | 已优化 |
| strategies | 230 | 117 | 已清理 |
| me.vue | 180 | 47 | 无需修改 |
### P1 - 用户体验提升(下周) ## 待处理
4. **加载状态优化**
- [ ] 实现全局骨架屏组件(使用 u-skeleton
- [ ] 添加页面切换加载动画
- [ ] 优化数据加载时的占位符
5. **反馈组件升级** ### P1 - CSS 清理
- [ ] 统一 toast 调用方式(使用 u-toast ref - [ ] index.vue: 检查并移除未使用的 CSS 类
- [ ] 替换所有 `uni.showToast` 为 uview 版本 - [ ] detail.vue: 进一步清理冗余样式
- [ ] 添加操作确认模态框u-modal - [ ] config.vue: 优化表单样式
6. **导航与布局** ### P2 - 代码质量
- [ ] 检查 navbar 组件是否需要替换为 u-navbar - [ ] 统一错误处理机制
- [ ] 统一页面间距和布局网格 - [ ] 添加 TypeScript 类型定义
- [ ] 优化移动端适配 - [ ] 优化 API 调用封装
### P2 - 高级功能(下下周) ### P3 - 功能增强
7. **搜索与筛选** - [ ] 下拉刷新
- [ ] 实现统一的搜索下拉组件u-search + u-dropdown - [ ] 上拉加载更多
- [ ] 添加筛选标签组件 - [ ] 空状态优化
- [ ] 优化股票搜索功能性能
8. **图表可视化** ## 兼容性
- [ ] 评估 ucharts 或 echarts 集成方案 - ✅ 微信小程序(已验证)
- [ ] 实现资产走势迷你图表 - ⚠️ H5需要条件编译恢复
- [ ] 添加数据可视化卡片 - ⚠️ App需要条件编译恢复
9. **主题与暗色模式** ## 注意事项
- [ ] 配置 uview 主题变量 1. 微信开发者工具需关闭"过滤无依赖文件"
- [ ] 实现暗色模式切换 2. uview-plus 组件在小程序中有兼容性问题,谨慎使用
- [ ] 测试主题色一致性 3. 原生组件在小程序中表现更稳定
## 技术债务清理
- [ ] 移除未使用的 CSS 类detail.vue 已清理部分)
- [ ] 统一图标使用(选择 uni-icons 或 u-icon
- [ ] 优化 API 调用错误处理
- [ ] 添加组件使用文档注释
## 兼容性要求
- ✅ 微信小程序(已部分适配)
- ✅ H5 网页版
- ✅ App 端
- ⚠️ 支付宝小程序(待测试)
## 验收标准
1. 所有页面组件使用率达到 90% 以上 uview-plus
2. 微信小程序无警告和错误
3. 页面加载速度提升 20%
4. 代码重复率降低 30%
## 风险点
1. **微信小程序组件限制**:部分 uview 组件在小程序端可能有限制
2. **性能影响**uview 组件库体积较大,需注意分包加载
3. **学习曲线**:团队成员需熟悉 uview-plus API
## 下一步行动
1. 先完成 P0 的表单和按钮统一化
2. 每个页面完成后进行微信小程序真机测试
3. 建立组件使用规范文档