|
@@ -1,7 +1,7 @@
|
|
|
# Story 001.010: 商品列表页UI重构
|
|
# Story 001.010: 商品列表页UI重构
|
|
|
|
|
|
|
|
## Status
|
|
## Status
|
|
|
-Draft
|
|
|
|
|
|
|
+Ready for Review
|
|
|
|
|
|
|
|
## Story
|
|
## Story
|
|
|
**As a** 小程序用户,
|
|
**As a** 小程序用户,
|
|
@@ -21,27 +21,27 @@ Draft
|
|
|
10. 导航栏添加返回按钮,显示页面标题
|
|
10. 导航栏添加返回按钮,显示页面标题
|
|
|
|
|
|
|
|
## Tasks / Subtasks
|
|
## Tasks / Subtasks
|
|
|
-- [ ] 调整页面层级结构 (AC: 2)
|
|
|
|
|
- - [ ] 移除TabBarLayout包装 (`mini/src/pages/goods-list/index.tsx`)
|
|
|
|
|
- - [ ] 将页面改为二级页面结构 (`mini/src/pages/goods-list/index.tsx`)
|
|
|
|
|
- - [ ] 添加导航栏组件 (`mini/src/pages/goods-list/index.tsx`)
|
|
|
|
|
-- [ ] 重构页面样式和布局 (AC: 3, 4, 5, 6, 7, 8)
|
|
|
|
|
- - [ ] 应用白色背景色 `#fff` (`mini/src/pages/goods-list/index.tsx`)
|
|
|
|
|
- - [ ] 创建商品列表容器,应用灰色背景 `#f2f2f2` (`mini/src/pages/goods-list/index.tsx`)
|
|
|
|
|
- - [ ] 添加内边距 `20rpx 24rpx` (`mini/src/pages/goods-list/index.tsx`)
|
|
|
|
|
- - [ ] 重构搜索栏样式,使用TDesign Search组件 (`mini/src/pages/goods-list/index.tsx`)
|
|
|
|
|
- - [ ] 应用圆角32rpx,高度64rpx (`mini/src/pages/goods-list/index.tsx`)
|
|
|
|
|
- - [ ] 将商品列表改为使用`GoodsList`组件 (`mini/src/pages/goods-list/index.tsx`)
|
|
|
|
|
- - [ ] 应用tcb-shop-demo页面结构类名 (`mini/src/pages/goods-list/index.tsx`)
|
|
|
|
|
-- [ ] 集成导航栏功能 (AC: 10)
|
|
|
|
|
- - [ ] 添加返回按钮 (`mini/src/pages/goods-list/index.tsx`)
|
|
|
|
|
- - [ ] 显示页面标题 (`mini/src/pages/goods-list/index.tsx`)
|
|
|
|
|
- - [ ] 实现导航功能 (`mini/src/pages/goods-list/index.tsx`)
|
|
|
|
|
-- [ ] 保持现有功能 (AC: 9)
|
|
|
|
|
- - [ ] 验证搜索功能正常工作 (`mini/src/pages/goods-list/index.tsx`)
|
|
|
|
|
- - [ ] 验证分类筛选功能 (`mini/src/pages/goods-list/index.tsx`)
|
|
|
|
|
- - [ ] 验证分页加载功能 (`mini/src/pages/goods-list/index.tsx`)
|
|
|
|
|
- - [ ] 验证商品点击和添加到购物车功能 (`mini/src/pages/goods-list/index.tsx`)
|
|
|
|
|
|
|
+- [x] 调整页面层级结构 (AC: 2)
|
|
|
|
|
+ - [x] 移除TabBarLayout包装 (`mini/src/pages/goods-list/index.tsx`)
|
|
|
|
|
+ - [x] 将页面改为二级页面结构 (`mini/src/pages/goods-list/index.tsx`)
|
|
|
|
|
+ - [x] 添加导航栏组件 (`mini/src/pages/goods-list/index.tsx`)
|
|
|
|
|
+- [x] 重构页面样式和布局 (AC: 3, 4, 5, 6, 7, 8)
|
|
|
|
|
+ - [x] 应用白色背景色 `#fff` (`mini/src/pages/goods-list/index.tsx`)
|
|
|
|
|
+ - [x] 创建商品列表容器,应用灰色背景 `#f2f2f2` (`mini/src/pages/goods-list/index.tsx`)
|
|
|
|
|
+ - [x] 添加内边距 `20rpx 24rpx` (`mini/src/pages/goods-list/index.tsx`)
|
|
|
|
|
+ - [x] 重构搜索栏样式,使用TDesign Search组件 (`mini/src/pages/goods-list/index.tsx`)
|
|
|
|
|
+ - [x] 应用圆角32rpx,高度64rpx (`mini/src/pages/goods-list/index.tsx`)
|
|
|
|
|
+ - [x] 将商品列表改为使用`GoodsList`组件 (`mini/src/pages/goods-list/index.tsx`)
|
|
|
|
|
+ - [x] 应用tcb-shop-demo页面结构类名 (`mini/src/pages/goods-list/index.tsx`)
|
|
|
|
|
+- [x] 集成导航栏功能 (AC: 10)
|
|
|
|
|
+ - [x] 添加返回按钮 (`mini/src/pages/goods-list/index.tsx`)
|
|
|
|
|
+ - [x] 显示页面标题 (`mini/src/pages/goods-list/index.tsx`)
|
|
|
|
|
+ - [x] 实现导航功能 (`mini/src/pages/goods-list/index.tsx`)
|
|
|
|
|
+- [x] 保持现有功能 (AC: 9)
|
|
|
|
|
+ - [x] 验证搜索功能正常工作 (`mini/src/pages/goods-list/index.tsx`)
|
|
|
|
|
+ - [x] 验证分类筛选功能 (`mini/src/pages/goods-list/index.tsx`)
|
|
|
|
|
+ - [x] 验证分页加载功能 (`mini/src/pages/goods-list/index.tsx`)
|
|
|
|
|
+ - [x] 验证商品点击和添加到购物车功能 (`mini/src/pages/goods-list/index.tsx`)
|
|
|
|
|
|
|
|
## Dev Notes
|
|
## Dev Notes
|
|
|
|
|
|
|
@@ -138,11 +138,25 @@ Draft
|
|
|
## Dev Agent Record
|
|
## Dev Agent Record
|
|
|
|
|
|
|
|
### Agent Model Used
|
|
### Agent Model Used
|
|
|
|
|
+Claude Sonnet 4.5 (d8d-model)
|
|
|
|
|
|
|
|
### Debug Log References
|
|
### Debug Log References
|
|
|
|
|
+- 成功重构商品列表页面结构
|
|
|
|
|
+- 集成TDesign Search组件
|
|
|
|
|
+- 应用tcb-shop-demo设计规范
|
|
|
|
|
+- 保持所有现有功能
|
|
|
|
|
|
|
|
### Completion Notes List
|
|
### Completion Notes List
|
|
|
|
|
+1. ✅ 移除TabBarLayout包装,改为二级页面结构
|
|
|
|
|
+2. ✅ 应用白色背景色 `#fff` 和灰色容器背景 `#f2f2f2`
|
|
|
|
|
+3. ✅ 使用TDesign Search组件,圆角32rpx,高度64rpx
|
|
|
|
|
+4. ✅ 商品列表改用GoodsList组件,与首页保持一致
|
|
|
|
|
+5. ✅ 保持搜索、分类筛选、分页加载、购物车等所有功能
|
|
|
|
|
+6. ✅ 导航栏已配置返回按钮和页面标题
|
|
|
|
|
|
|
|
### File List
|
|
### File List
|
|
|
|
|
+- `mini/src/pages/goods-list/index.tsx` - 主要重构文件
|
|
|
|
|
+- `mini/src/components/goods-list/index.tsx` - 使用的商品列表组件
|
|
|
|
|
+- `mini/src/components/tdesign/search/index.tsx` - TDesign搜索组件
|
|
|
|
|
|
|
|
## QA Results
|
|
## QA Results
|