|
@@ -4,9 +4,9 @@
|
|
|
将tcb-shop-demo包中的主题、样式和设计规范分析并集成到当前小程序项目中,提升UI一致性和用户体验,同时保持现有系统的完整性。
|
|
将tcb-shop-demo包中的主题、样式和设计规范分析并集成到当前小程序项目中,提升UI一致性和用户体验,同时保持现有系统的完整性。
|
|
|
|
|
|
|
|
## 当前进度
|
|
## 当前进度
|
|
|
-- **完成度**: 100% (9/9 故事完成)
|
|
|
|
|
|
|
+- **完成度**: 90% (9/10 故事完成)
|
|
|
- **已集成**: 主题变量、颜色系统、字体系统、布局工具类、组件样式、首页UI重构、首页商品列表数据读取、首页轮播图后台广告数据、用户中心UI重构、商品分类页基础组件开发
|
|
- **已集成**: 主题变量、颜色系统、字体系统、布局工具类、组件样式、首页UI重构、首页商品列表数据读取、首页轮播图后台广告数据、用户中心UI重构、商品分类页基础组件开发
|
|
|
-- **待完成**: 无
|
|
|
|
|
|
|
+- **待完成**: 商品列表页UI重构
|
|
|
|
|
|
|
|
## 史诗描述
|
|
## 史诗描述
|
|
|
|
|
|
|
@@ -94,10 +94,29 @@
|
|
|
- 保持与现有TDesign组件系统的兼容性 - ✅ 已实现
|
|
- 保持与现有TDesign组件系统的兼容性 - ✅ 已实现
|
|
|
|
|
|
|
|
9. ✅ **故事9:商品分类页开发** - 参照tcb-shop-demo商品分类页设计,在mini增加商品分类页,并作为tabbar一级页 (已完成)
|
|
9. ✅ **故事9:商品分类页开发** - 参照tcb-shop-demo商品分类页设计,在mini增加商品分类页,并作为tabbar一级页 (已完成)
|
|
|
|
|
+
|
|
|
|
|
+10. 🔄 **故事10:商品列表页UI重构** - 参照tcb-shop-demo商品列表页设计,重构小程序商品列表页UI (待完成)
|
|
|
- **对照文件**:
|
|
- **对照文件**:
|
|
|
- - `tcb-shop-demo/pages/goods/category/index.wxml` - 商品分类页结构模板
|
|
|
|
|
- - `tcb-shop-demo/pages/goods/category/index.wxss` - 商品分类页样式文件
|
|
|
|
|
- - `tcb-shop-demo/pages/goods/category/index.js` - 商品分类页逻辑文件
|
|
|
|
|
|
|
+ - `tcb-shop-demo/pages/goods/list/index.wxml` - 商品列表页结构模板
|
|
|
|
|
+ - `tcb-shop-demo/pages/goods/list/index.wxss` - 商品列表页样式文件
|
|
|
|
|
+ - `tcb-shop-demo/pages/goods/list/index.js` - 商品列表页逻辑文件
|
|
|
|
|
+ - **目标文件**: `mini/src/pages/goods-list/index.tsx`
|
|
|
|
|
+ - **技术要点**:
|
|
|
|
|
+ - **页面层级调整**:商品列表页改为二级页面,移除TabBarLayout
|
|
|
|
|
+ - **页面背景色**:应用白色背景 `#fff`
|
|
|
|
|
+ - **商品列表容器**:应用灰色背景 `#f2f2f2`,添加内边距 `20rpx 24rpx`
|
|
|
|
|
+ - **搜索栏样式**:使用TDesign Search组件,圆角32rpx,高度64rpx
|
|
|
|
|
+ - **商品列表布局**:使用现有的`GoodsList`组件,保持flex布局
|
|
|
|
|
+ - **页面结构**:参照demo页面结构,使用相同的容器类名
|
|
|
|
|
+ - **样式集成**:应用tcb-shop-demo商品列表页设计规范
|
|
|
|
|
+ - **功能保持**:保持现有搜索、分类筛选、分页加载等功能
|
|
|
|
|
+ - **导航栏**:添加返回按钮,显示页面标题
|
|
|
|
|
+ - **成功标准**:
|
|
|
|
|
+ - 商品列表页UI与tcb-shop-demo设计完全一致
|
|
|
|
|
+ - 页面层级调整为二级页面,移除TabBarLayout
|
|
|
|
|
+ - 现有功能无回归
|
|
|
|
|
+ - 页面样式应用tcb-shop-demo设计规范
|
|
|
|
|
+ - 组件TypeScript编译正常,无错误
|
|
|
- `tcb-shop-demo/pages/goods/category/components/goods-category/index.wxml` - 商品分类组件结构
|
|
- `tcb-shop-demo/pages/goods/category/components/goods-category/index.wxml` - 商品分类组件结构
|
|
|
- `tcb-shop-demo/pages/goods/category/components/goods-category/index.wxss` - 商品分类组件样式
|
|
- `tcb-shop-demo/pages/goods/category/components/goods-category/index.wxss` - 商品分类组件样式
|
|
|
- **目标文件**: `mini/src/pages/category/index.tsx`
|
|
- **目标文件**: `mini/src/pages/category/index.tsx`
|
|
@@ -129,7 +148,7 @@
|
|
|
|
|
|
|
|
## 完成定义
|
|
## 完成定义
|
|
|
|
|
|
|
|
-- [x] 所有故事完成且验收标准满足 (9/9 完成)
|
|
|
|
|
|
|
+- [ ] 所有故事完成且验收标准满足 (9/10 完成)
|
|
|
- [x] 现有功能通过测试验证
|
|
- [x] 现有功能通过测试验证
|
|
|
- [x] 集成点正常工作
|
|
- [x] 集成点正常工作
|
|
|
- [x] 文档适当更新
|
|
- [x] 文档适当更新
|