|
|
@@ -17,33 +17,33 @@ Draft
|
|
|
|
|
|
## Tasks / Subtasks
|
|
|
- [ ] **页面结构重构** (AC: 1, 2)
|
|
|
- - [ ] 参照tcb-shop-demo购物车页面结构重新组织页面布局
|
|
|
- - [ ] 实现分层购物车结构,支持按店铺分组显示商品
|
|
|
- - [ ] 添加广告区域在购物车页面底部
|
|
|
+ - [ ] 参照tcb-shop-demo购物车页面结构重新组织页面布局 (`mini/src/pages/cart/index.tsx`) [对照: `tcb-shop-demo/pages/cart/index.wxml`]
|
|
|
+ - [ ] 实现分层购物车结构,支持按店铺分组显示商品 (`mini/src/pages/cart/index.tsx`) [对照: `tcb-shop-demo/pages/cart/components/cart-group/index.wxml`]
|
|
|
+ - [ ] 添加广告区域在购物车页面底部 (`mini/src/pages/cart/index.tsx`) [对照: `tcb-shop-demo/pages/cart/index.wxml`]
|
|
|
|
|
|
- [ ] **商品卡片重构** (AC: 1, 2)
|
|
|
- - [ ] 重新设计购物车商品卡片,包含商品图片、名称、规格、价格、数量选择器
|
|
|
- - [ ] 应用tcb-shop-demo数量选择器样式(灰色背景,44rpx高度,加减按钮样式)
|
|
|
- - [ ] 实现侧滑删除功能,支持左滑显示删除按钮
|
|
|
+ - [ ] 重新设计购物车商品卡片,包含商品图片、名称、规格、价格、数量选择器 (`mini/src/pages/cart/index.tsx`) [对照: `tcb-shop-demo/pages/cart/components/goods-card/index.wxml`]
|
|
|
+ - [ ] 应用tcb-shop-demo数量选择器样式(灰色背景,44rpx高度,加减按钮样式) (`mini/src/pages/cart/index.tsx`) [对照: `tcb-shop-demo/style/cart-group.wxss`]
|
|
|
+ - [ ] 实现侧滑删除功能,支持左滑显示删除按钮 (`mini/src/pages/cart/index.tsx`) [对照: `tcb-shop-demo/pages/cart/components/cart-group/index.wxml`]
|
|
|
|
|
|
- [ ] **底部结算栏重构** (AC: 1, 4)
|
|
|
- - [ ] 重构底部结算栏,包含全选功能、总价计算、去结算按钮
|
|
|
- - [ ] 应用tcb-shop-demo结算栏设计规范
|
|
|
- - [ ] 实现全选/取消全选功能
|
|
|
+ - [ ] 重构底部结算栏,包含全选功能、总价计算、去结算按钮 (`mini/src/pages/cart/index.tsx`) [对照: `tcb-shop-demo/pages/cart/components/cart-bar/index.wxml`]
|
|
|
+ - [ ] 应用tcb-shop-demo结算栏设计规范 (`mini/src/pages/cart/index.tsx`) [对照: `tcb-shop-demo/pages/cart/components/cart-bar/index.wxss`]
|
|
|
+ - [ ] 实现全选/取消全选功能 (`mini/src/pages/cart/index.tsx`) [对照: `tcb-shop-demo/pages/cart/components/cart-bar/index.js`]
|
|
|
|
|
|
- [ ] **购物车空态实现** (AC: 1, 2)
|
|
|
- - [ ] 实现购物车空态页面,包含空购物车图标和去首页按钮
|
|
|
- - [ ] 应用tcb-shop-demo空态设计规范
|
|
|
+ - [ ] 实现购物车空态页面,包含空购物车图标和去首页按钮 (`mini/src/pages/cart/index.tsx`) [对照: `tcb-shop-demo/pages/cart/components/cart-empty/index.wxml`]
|
|
|
+ - [ ] 应用tcb-shop-demo空态设计规范 (`mini/src/pages/cart/index.tsx`) [对照: `tcb-shop-demo/pages/cart/components/cart-empty/index.wxss`]
|
|
|
|
|
|
- [ ] **数据集成和样式集成** (AC: 3, 5)
|
|
|
- - [ ] 保持现有购物车数据API集成,应用tcb-shop-demo购物车数据结构
|
|
|
- - [ ] 应用tcb-shop-demo购物车页面设计规范,创建专用CSS文件
|
|
|
- - [ ] 验证全选、删除、数量调整、结算等所有功能正常工作
|
|
|
+ - [ ] 保持现有购物车数据API集成,应用tcb-shop-demo购物车数据结构 (`mini/src/pages/cart/index.tsx`, `mini/src/utils/cart.ts`) [对照: `tcb-shop-demo/model/cart.js`]
|
|
|
+ - [ ] 应用tcb-shop-demo购物车页面设计规范,创建专用CSS文件 (`mini/src/pages/cart/index.css`) [对照: `tcb-shop-demo/pages/cart/index.wxss`]
|
|
|
+ - [ ] 验证全选、删除、数量调整、结算等所有功能正常工作 (`mini/src/pages/cart/index.tsx`) [对照: `tcb-shop-demo/pages/cart/index.js`]
|
|
|
|
|
|
- [ ] **测试和验证** (AC: 2, 3, 4, 5)
|
|
|
- - [ ] 创建单元测试验证购物车组件功能
|
|
|
- - [ ] 验证TypeScript编译正常,无错误
|
|
|
- - [ ] 测试所有功能模块正常工作
|
|
|
+ - [ ] 创建单元测试验证购物车组件功能 (`mini/tests/unit/pages/cart/index.test.tsx`)
|
|
|
+ - [ ] 验证TypeScript编译正常,无错误 (`mini/src/pages/cart/index.tsx`)
|
|
|
+ - [ ] 测试所有功能模块正常工作 (`mini/tests/unit/pages/cart/index.test.tsx`)
|
|
|
|
|
|
## Dev Notes
|
|
|
|
|
|
@@ -67,12 +67,12 @@ Draft
|
|
|
- **UI组件**: 使用TDesign组件和自定义组件
|
|
|
|
|
|
### tcb-shop-demo购物车设计规范
|
|
|
-- **页面结构**: 分层购物车设计,支持店铺分组
|
|
|
-- **商品卡片**: 水平布局,包含选择框、商品图片、信息、数量选择器
|
|
|
-- **数量选择器**: 灰色背景,44rpx高度,加减按钮样式
|
|
|
-- **侧滑删除**: 左滑显示删除按钮
|
|
|
-- **底部结算栏**: 固定底部,包含全选、总计、去结算按钮
|
|
|
-- **空态页面**: 空购物车图标和去首页按钮
|
|
|
+- **页面结构**: 分层购物车设计,支持店铺分组 (`tcb-shop-demo/pages/cart/index.wxml`)
|
|
|
+- **商品卡片**: 水平布局,包含选择框、商品图片、信息、数量选择器 (`tcb-shop-demo/pages/cart/components/cart-group/index.wxml`)
|
|
|
+- **数量选择器**: 灰色背景,44rpx高度,加减按钮样式 (`tcb-shop-demo/style/cart-group.wxss`)
|
|
|
+- **侧滑删除**: 左滑显示删除按钮 (`tcb-shop-demo/pages/cart/components/cart-group/index.wxml`)
|
|
|
+- **底部结算栏**: 固定底部,包含全选、总计、去结算按钮 (`tcb-shop-demo/pages/cart/components/cart-bar/index.wxml`)
|
|
|
+- **空态页面**: 空购物车图标和去首页按钮 (`tcb-shop-demo/pages/cart/components/cart-empty/index.wxml`)
|
|
|
|
|
|
### 样式集成要求
|
|
|
- 应用tcb-shop-demo购物车页面设计规范
|