fix(user): 修复订单入口tab错位并统一购物车角标样式
- 将订单快捷入口和我的订单tab索引改为tabIndex,修正页面跳转参数使用`?tab=`传递 - 修复因状态值与tab索引不匹配导致的订单状态页错位问题 - 更新`user.tsx`和`index.tsx`中相关订单tab配置,确保键名和逻辑一致 - 购物车入口数量角标由手写样式改为Badge组件,去除白色边框样式 - 购物车角标与用户订单图标角标样式保持一致,使用绝对定位调整位置 - `navigateTo`跳转及未登录重定向均支持传递正确的tab索引参数
This commit is contained in:
@@ -345,3 +345,19 @@
|
||||
- passport/register.tsx:88、passport/sms-login.tsx:36
|
||||
- D. pages/order/list.tsx:127 注释更新(去掉"tabBar 页"描述)
|
||||
- 遗留(未改,预先存在):pages/user/index.tsx:140 `switchTab(points/index)` 积分页非 tabBar,会失败
|
||||
|
||||
## product-detail 购物车角标改用 Badge 组件(2026-07-15 23:42)
|
||||
- `src/pages/shop/product-detail.tsx` 底部购物车入口的数量角标,原为手写内联 View+Text(带白边框、top:-6px/right:-10px 定位),改为 `<Badge count={totalCount} className='absolute -top-1 -right-1' />`
|
||||
- 用法与 user.tsx "我的订单"图标角标(:284)完全一致;外层已有 `relative inline-flex` 容器,Badge 的 absolute 定位正常
|
||||
- 新增 import `Badge from '@/components/common/Badge'`
|
||||
- 去掉了原来的白色边框,与"我的订单"角标样式统一
|
||||
|
||||
## 修复订单快捷入口 tab 错位 bug(2026-07-15 23:48)
|
||||
- Bug:`pages/user/user.tsx` "我的订单"快捷入口(待付款/待发货/待收货/已完成)把"订单状态值"(0/1/3/5)写入 `order_tab` storage,navigateTo 到 order/list 后,`order/list.tsx:42` 用 `useState(Number(initTab) || 0)` 把传入值直接当 **tabIndex** 用 → 全部错位一个 tab(待付款 0→全部, 待发货 1→待付款, 待收货 3 巧合对, 已完成 5 越界→0→全部)
|
||||
- `pages/user/index.tsx` 传 0/1/2/3 也全错位一个 tab
|
||||
- order/list.tsx `tabList` 顺序:index 0=全部 / 1=待付款 / 2=待发货 / 3=待收货 / 4=已完成
|
||||
- 修复:调用方把字段从 `status`(订单状态)改为 `tabIndex`(1/2/3/4),navigateTo 加 `?tab=${tabIndex}`(order/list 已支持 `router.params.tab` 优先于 storage),未登录拦截的 redirect 也带 `?tab=`
|
||||
- 改动:
|
||||
- `src/pages/user/user.tsx`:`handleOrderTabClick` 参数 `status`→`tabIndex` + redirect/navigateTo 带 `?tab=`;menuItems 字段 `status(0/1/3/5)`→`tabIndex(1/2/3/4)`;`key={item.tabIndex}`、`onClick` 传 `item.tabIndex`
|
||||
- `src/pages/user/index.tsx`:硬编码数组 `status(0/1/2/3)`→`tabIndex(1/2/3/4)`;`key={item.tabIndex}`、onClick + `?tab=${item.tabIndex}`
|
||||
- 其他"全部订单"类入口(user.tsx:149 handleViewAllOrders、user/index.tsx:22/158/175)不传 `?tab=`,进默认"全部" tab,合理
|
||||
|
||||
Reference in New Issue
Block a user