|
|
@@ -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
|
|
|
|
|
|
### 测试标准
|