فهرست منبع

📝 docs(story): update goods list UI refactor documentation

- 修改商品列表布局描述,明确改为使用GoodsList组件并与首页保持一致
- 更新任务列表中商品列表组件使用的描述
- 添加GoodsList组件使用说明,包括当前状态、目标状态、导入路径和使用方式
- 明确GoodsList组件的具体文件路径
yourname 1 ماه پیش
والد
کامیت
1d5b153299
1فایلهای تغییر یافته به همراه10 افزوده شده و 3 حذف شده
  1. 10 3
      docs/stories/001.010.goods-list-ui-refactor.story.md

+ 10 - 3
docs/stories/001.010.goods-list-ui-refactor.story.md

@@ -14,7 +14,7 @@ Draft
 3. 页面背景色应用白色背景 `#fff`
 4. 商品列表容器应用灰色背景 `#f2f2f2`,添加内边距 `20rpx 24rpx`
 5. 搜索栏样式使用TDesign Search组件,圆角32rpx,高度64rpx
-6. 商品列表布局使用现有的`GoodsList`组件,保持flex布局
+6. 商品列表布局改为使用现有的`GoodsList`组件(与首页保持一致),保持flex布局
 7. 页面结构参照demo页面结构,使用相同的容器类名
 8. 样式集成应用tcb-shop-demo商品列表页设计规范
 9. 功能保持现有搜索、分类筛选、分页加载等功能
@@ -31,7 +31,7 @@ Draft
   - [ ] 添加内边距 `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`)
+  - [ ] 将商品列表改为使用`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`)
@@ -102,10 +102,17 @@ Draft
 - **分页加载**: 保持现有无限滚动功能
 
 ### 组件依赖
-- **基础组件**: GoodsList, GoodsCard (现有)
+- **基础组件**: GoodsList (`mini/src/components/goods-list/index.tsx`), GoodsCard (现有)
 - **TDesign组件**: Search, Image, Toast
 - **导航组件**: Navbar
 
+### GoodsList组件使用说明
+- **当前状态**: 商品列表页目前使用网格布局直接渲染商品卡片
+- **目标状态**: 改为使用GoodsList组件(与首页保持一致)
+- **导入路径**: `import GoodsList from '@/components/goods-list'`
+- **组件位置**: `mini/src/components/goods-list/index.tsx`
+- **使用方式**: 参考首页的使用方式,传递商品数据和事件处理函数
+
 ## Testing
 
 ### 测试标准