Просмотр исходного кода

📝 docs(prd): update theme integration progress and add category page story

- update completion rate from 100% (7/7) to 87.5% (7/8)
- add "商品分类页开发" as story 8 with detailed requirements
- update to-do list to include "商品分类页开发"
- add category page design pattern section
- update completion criteria checkbox status
yourname 1 месяц назад
Родитель
Сommit
040ee603cb
1 измененных файлов с 38 добавлено и 3 удалено
  1. 38 3
      docs/prd/epic-001-tcb-shop-theme-integration.md

+ 38 - 3
docs/prd/epic-001-tcb-shop-theme-integration.md

@@ -4,9 +4,9 @@
 将tcb-shop-demo包中的主题、样式和设计规范分析并集成到当前小程序项目中,提升UI一致性和用户体验,同时保持现有系统的完整性。
 将tcb-shop-demo包中的主题、样式和设计规范分析并集成到当前小程序项目中,提升UI一致性和用户体验,同时保持现有系统的完整性。
 
 
 ## 当前进度
 ## 当前进度
-- **完成度**: 100% (7/7 故事完成)
+- **完成度**: 87.5% (7/8 故事完成)
 - **已集成**: 主题变量、颜色系统、字体系统、布局工具类、组件样式、首页UI重构、首页商品列表数据读取、首页轮播图后台广告数据、用户中心UI重构
 - **已集成**: 主题变量、颜色系统、字体系统、布局工具类、组件样式、首页UI重构、首页商品列表数据读取、首页轮播图后台广告数据、用户中心UI重构
-- **待完成**: 
+- **待完成**: 商品分类页开发
 
 
 ## 史诗描述
 ## 史诗描述
 
 
@@ -69,6 +69,23 @@
      - 保持现有用户认证和头像上传功能
      - 保持现有用户认证和头像上传功能
      - 集成客服弹窗功能
      - 集成客服弹窗功能
 
 
+8. **故事8:商品分类页开发** - 参照tcb-shop-demo商品分类页设计,在mini增加商品分类页,并作为tabbar一级页
+   - **对照文件**:
+     - `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/category/components/goods-category/index.wxml` - 商品分类组件结构
+     - `tcb-shop-demo/pages/goods/category/components/goods-category/index.wxss` - 商品分类组件样式
+   - **目标文件**: `mini/src/pages/category/index.tsx`
+   - **技术要点**:
+     - 实现左侧边栏一级分类导航
+     - 实现右侧二级分类网格布局(3列)
+     - 集成分类数据API调用
+     - 支持广告图显示
+     - 点击分类跳转到商品列表页
+     - 应用tcb-shop-demo商品分类页设计规范
+     - 作为tabbar一级页面集成
+
 ## 兼容性要求
 ## 兼容性要求
 
 
 - [ ] 现有API保持不变
 - [ ] 现有API保持不变
@@ -84,7 +101,7 @@
 
 
 ## 完成定义
 ## 完成定义
 
 
-- [x] 所有故事完成且验收标准满足 (7/7 完成)
+- [ ] 所有故事完成且验收标准满足 (7/8 完成)
 - [x] 现有功能通过测试验证
 - [x] 现有功能通过测试验证
 - [x] 集成点正常工作
 - [x] 集成点正常工作
 - [x] 文档适当更新
 - [x] 文档适当更新
@@ -178,6 +195,23 @@
   - 1px边框处理:使用scale缩放方案 - 已实现
   - 1px边框处理:使用scale缩放方案 - 已实现
 - **集成状态**:用户中心UI重构已完成,与tcb-shop-demo设计完全一致
 - **集成状态**:用户中心UI重构已完成,与tcb-shop-demo设计完全一致
 
 
+#### 9. 商品分类页设计模式 [ ] (待实现)
+- **页面结构**:
+  - 左侧边栏:一级分类导航(固定宽度180rpx)- 待实现
+  - 右侧内容区:二级分类网格布局(3列)- 待实现
+  - 广告图区域:固定位置显示广告图 - 待实现
+- **组件依赖**:
+  - 侧边栏组件:c-sidebar, c-sidebar-item - 待实现
+  - 标签栏组件:c-tabbar, c-tabbar-more - 待实现
+  - TDesign组件:image, toast - 待实现
+- **样式特点**:
+  - 左侧边栏背景色:`#f5f5f5` - 待实现
+  - 右侧内容区背景色:`white` - 待实现
+  - 二级分类网格:`grid-template-columns: 33.33% 33.33% 33.33%` - 待实现
+  - 分类图片尺寸:`144rpx × 144rpx` - 待实现
+  - 广告图位置:`position: fixed; bottom: 13%; right: 3%` - 待实现
+- **集成状态**:商品分类页待开发
+
 ## 集成策略
 ## 集成策略
 
 
 1. **分阶段集成**:按故事顺序逐步集成
 1. **分阶段集成**:按故事顺序逐步集成
@@ -194,6 +228,7 @@
 - ✅ 首页商品数据真实化
 - ✅ 首页商品数据真实化
 - ✅ 首页轮播图使用后台广告数据
 - ✅ 首页轮播图使用后台广告数据
 - ✅ 用户中心UI与tcb-shop-demo设计一致
 - ✅ 用户中心UI与tcb-shop-demo设计一致
+- [ ] 商品分类页与tcb-shop-demo设计一致
 
 
 ## 故事完成状态
 ## 故事完成状态