瀏覽代碼

📝 docs(epic-001): 添加故事10 - 商品列表页UI重构

- 添加故事10:商品列表页UI重构,参照tcb-shop-demo设计
- 调整页面层级:商品列表页改为二级页面,移除TabBarLayout
- 更新完成度:90% (9/10 故事完成)
- 添加技术要点:页面背景色、搜索栏样式、商品列表布局等

🤖 Generated with [Claude Code](https://claude.ai/code)
via [Happy](https://happy.engineering)

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>
yourname 1 月之前
父節點
當前提交
7b8dbf6b38
共有 1 個文件被更改,包括 25 次插入6 次删除
  1. 25 6
      docs/prd/epic-001-tcb-shop-theme-integration.md

+ 25 - 6
docs/prd/epic-001-tcb-shop-theme-integration.md

@@ -4,9 +4,9 @@
 将tcb-shop-demo包中的主题、样式和设计规范分析并集成到当前小程序项目中,提升UI一致性和用户体验,同时保持现有系统的完整性。
 
 ## 当前进度
-- **完成度**: 100% (9/9 故事完成)
+- **完成度**: 90% (9/10 故事完成)
 - **已集成**: 主题变量、颜色系统、字体系统、布局工具类、组件样式、首页UI重构、首页商品列表数据读取、首页轮播图后台广告数据、用户中心UI重构、商品分类页基础组件开发
-- **待完成**: 
+- **待完成**: 商品列表页UI重构
 
 ## 史诗描述
 
@@ -94,10 +94,29 @@
      - 保持与现有TDesign组件系统的兼容性 - ✅ 已实现
 
 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.wxss` - 商品分类组件样式
    - **目标文件**: `mini/src/pages/category/index.tsx`
@@ -129,7 +148,7 @@
 
 ## 完成定义
 
-- [x] 所有故事完成且验收标准满足 (9/9 完成)
+- [ ] 所有故事完成且验收标准满足 (9/10 完成)
 - [x] 现有功能通过测试验证
 - [x] 集成点正常工作
 - [x] 文档适当更新