feat(shop): 添加商城列表页浮动购物车按钮
- 在 shop 页面右下角添加固定定位的绿色圆形购物车按钮 - 按钮右上角显示购物车商品数量角标,超过 99 显示为 99+ - 点击按钮跳转到购物车页面,非 tabBar 页面 - 使用 useCartContext 的 totalCount 实时更新商品数量显示 - 注释掉用户页面 “我的钱包” 入口,暂时隐藏该功能
This commit is contained in:
@@ -147,6 +147,19 @@ adapter `/list` 接口忽略分页,一次返回全部收藏;前端 `listShop
|
||||
3. `useEffect` 中增加 `if (!user?.userId) return` 判断,已登录但 userId 还没拿到时等待下次渲染
|
||||
4. `useEffect` 依赖数组加 `user?.userId`,userId 变化时重新触发加载
|
||||
|
||||
## 商城列表页浮动购物车按钮(2026-07-14)
|
||||
|
||||
### 需求
|
||||
`pages/shop/index` 页面右下角添加浮动购物车按钮,显示购物车商品数量角标。
|
||||
|
||||
### 实现
|
||||
- **`src/pages/shop/index.tsx`**:
|
||||
1. 从 `useCartContext()` 额外解构 `totalCount`
|
||||
2. 页面末尾添加 fixed 定位浮动按钮:绿色圆形(48px),`bottom:80px right:16px`(避开 tabBar)
|
||||
3. `totalCount > 0` 时右上角显示红色角标,超过 99 显示 `99+`
|
||||
4. 点击 `Taro.navigateTo` 跳转购物车页(cart 非 tabBar 页)
|
||||
5. 数量实时更新:`addItem` 内部调 `refresh()` → `totalCount` 派生值自动重渲染
|
||||
|
||||
## 购物车页面进入不刷新 Bug 修复(2026-07-14)
|
||||
|
||||
### 问题
|
||||
|
||||
Reference in New Issue
Block a user