|
|
@@ -4,9 +4,9 @@
|
|
|
将tcb-shop-demo包中的主题、样式和设计规范分析并集成到当前小程序项目中,提升UI一致性和用户体验,同时保持现有系统的完整性。
|
|
|
|
|
|
## 当前进度
|
|
|
-- **完成度**: 100% (6/6 故事完成)
|
|
|
+- **完成度**: 85% (6/7 故事完成)
|
|
|
- **已集成**: 主题变量、颜色系统、字体系统、布局工具类、组件样式、首页UI重构、首页商品列表数据读取、首页轮播图后台广告数据
|
|
|
-- **待完成**: 无
|
|
|
+- **待完成**: 用户中心UI重构
|
|
|
|
|
|
## 史诗描述
|
|
|
|
|
|
@@ -55,6 +55,20 @@
|
|
|
- 保持现有轮播图功能(自动播放、指示器等)
|
|
|
- 添加加载状态和错误处理
|
|
|
|
|
|
+7. **故事7:用户中心UI重构** - 参照tcb-shop-demo用户中心设计,重构小程序用户中心UI
|
|
|
+ - **对照文件**:
|
|
|
+ - `tcb-shop-demo/pages/usercenter/index.wxml` - 用户中心结构模板
|
|
|
+ - `tcb-shop-demo/pages/usercenter/index.wxss` - 用户中心样式文件
|
|
|
+ - `tcb-shop-demo/pages/usercenter/index.js` - 用户中心逻辑文件
|
|
|
+ - **目标文件**: `mini/src/pages/profile/index.tsx`
|
|
|
+ - **技术要点**:
|
|
|
+ - 重构用户信息卡片布局,添加背景图片
|
|
|
+ - 集成订单状态卡片(待付款、待发货、待收货、待评价)
|
|
|
+ - 添加功能菜单(收货地址、联系客服等)
|
|
|
+ - 应用tcb-shop-demo用户中心设计规范
|
|
|
+ - 保持现有用户认证和头像上传功能
|
|
|
+ - 集成客服弹窗功能
|
|
|
+
|
|
|
## 兼容性要求
|
|
|
|
|
|
- [ ] 现有API保持不变
|
|
|
@@ -70,7 +84,7 @@
|
|
|
|
|
|
## 完成定义
|
|
|
|
|
|
-- [x] 所有故事完成且验收标准满足 (6/6 完成)
|
|
|
+- [ ] 所有故事完成且验收标准满足 (6/7 完成)
|
|
|
- [x] 现有功能通过测试验证
|
|
|
- [x] 集成点正常工作
|
|
|
- [x] 文档适当更新
|
|
|
@@ -150,6 +164,20 @@
|
|
|
- 主色调应用:搜索图标颜色、购物车按钮颜色、选中状态颜色 - 已实现
|
|
|
- **集成状态**:首页UI重构已完成,与tcb-shop-demo设计完全一致
|
|
|
|
|
|
+#### 8. 用户中心UI设计模式 (待实现)
|
|
|
+- **页面结构**:
|
|
|
+ - 顶部用户信息卡片(带背景图片)- 待实现
|
|
|
+ - 订单状态卡片(待付款、待发货、待收货、待评价)- 待实现
|
|
|
+ - 功能菜单区域(收货地址、联系客服等)- 待实现
|
|
|
+- **组件依赖**:
|
|
|
+ - TDesign组件:user-center-card, order-group, cell-group, cell, icon, popup, toast - 待实现
|
|
|
+- **样式特点**:
|
|
|
+ - 背景图片:`https://we-retail-static-1300977798.cos.ap-guangzhou.myqcloud.com/retail-mp/common/user-center-bg.png` - 待实现
|
|
|
+ - 内容区域:`margin-top: 340rpx` - 待实现
|
|
|
+ - 圆角设计:`border-radius: 10rpx` - 待实现
|
|
|
+ - 1px边框处理:使用scale缩放方案 - 待实现
|
|
|
+- **集成状态**:用户中心UI重构待实现
|
|
|
+
|
|
|
## 集成策略
|
|
|
|
|
|
1. **分阶段集成**:按故事顺序逐步集成
|
|
|
@@ -165,6 +193,7 @@
|
|
|
- ✅ 开发效率提高(通过工具类复用)
|
|
|
- ✅ 首页商品数据真实化
|
|
|
- ✅ 首页轮播图使用后台广告数据
|
|
|
+- [ ] 用户中心UI与tcb-shop-demo设计一致
|
|
|
|
|
|
## 故事完成状态
|
|
|
|