|
@@ -211,6 +211,7 @@
|
|
|
- `tcb-shop-demo/pages/order/components/order-goods-card/*` - 订单商品卡片组件
|
|
- `tcb-shop-demo/pages/order/components/order-goods-card/*` - 订单商品卡片组件
|
|
|
- `tcb-shop-demo/pages/order/components/order-button-bar/*` - 订单按钮栏组件
|
|
- `tcb-shop-demo/pages/order/components/order-button-bar/*` - 订单按钮栏组件
|
|
|
- **目标文件**: `mini/src/pages/order-detail/index.tsx`
|
|
- **目标文件**: `mini/src/pages/order-detail/index.tsx`
|
|
|
|
|
+ - **配置文件**: `mini/src/pages/order-detail/index.config.ts`
|
|
|
- **技术要点**:
|
|
- **技术要点**:
|
|
|
- **页面结构重构**:参照demo页面结构,重新组织页面布局,包含顶部状态卡片、收货地址区域、订单商品列表、支付详情、订单信息等区域
|
|
- **页面结构重构**:参照demo页面结构,重新组织页面布局,包含顶部状态卡片、收货地址区域、订单商品列表、支付详情、订单信息等区域
|
|
|
- **顶部状态卡片**:实现带背景图片的订单状态卡片,显示订单状态描述,应用圆角设计和白色文字
|
|
- **顶部状态卡片**:实现带背景图片的订单状态卡片,显示订单状态描述,应用圆角设计和白色文字
|
|
@@ -219,7 +220,8 @@
|
|
|
- **支付详情区域**:重新设计支付详情布局,显示商品总额、实付金额等
|
|
- **支付详情区域**:重新设计支付详情布局,显示商品总额、实付金额等
|
|
|
- **订单信息区域**:实现订单编号、下单时间等信息显示,支持订单编号复制功能
|
|
- **订单信息区域**:实现订单编号、下单时间等信息显示,支持订单编号复制功能
|
|
|
- **底部操作栏**:重构底部操作栏,使用OrderButtonBar组件,根据不同订单状态显示相应操作按钮
|
|
- **底部操作栏**:重构底部操作栏,使用OrderButtonBar组件,根据不同订单状态显示相应操作按钮
|
|
|
- - **下拉刷新功能**:集成TDesign PullDownRefresh组件,支持下拉刷新订单数据
|
|
|
|
|
|
|
+ - **下拉刷新功能**:使用Taro原生下拉刷新功能,支持下拉刷新订单数据
|
|
|
|
|
+ - **配置文件更新**:更新页面配置文件,启用Taro原生下拉刷新功能
|
|
|
- **样式集成**:应用tcb-shop-demo订单详情页设计规范,创建专用CSS文件
|
|
- **样式集成**:应用tcb-shop-demo订单详情页设计规范,创建专用CSS文件
|
|
|
- **功能完整性**:验证所有订单操作功能正常工作(取消订单、立即支付、确认收货、申请退款等)
|
|
- **功能完整性**:验证所有订单操作功能正常工作(取消订单、立即支付、确认收货、申请退款等)
|
|
|
- **成功标准**:
|
|
- **成功标准**:
|