feat(shop): 添加商城列表页浮动购物车按钮

- 在 shop 页面右下角添加固定定位的绿色圆形购物车按钮
- 按钮右上角显示购物车商品数量角标,超过 99 显示为 99+
- 点击按钮跳转到购物车页面,非 tabBar 页面
- 使用 useCartContext 的 totalCount 实时更新商品数量显示
- 注释掉用户页面 “我的钱包” 入口,暂时隐藏该功能
This commit is contained in:
2026-07-14 02:31:49 +08:00
parent b8d2325ff9
commit 70af5426e8
3 changed files with 56 additions and 2 deletions

View File

@@ -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
### 问题