fix(shop): 修复商品详情页底部三按钮功能异常
- 修正购物车按钮路由,改用 navigateTo 指向实际页面 - 实现微信小程序原生客服会话,失败时降级跳转客服页面 - 优化收藏接口容错,错误时仍同步前端状态避免UI卡死 - 去除重复错误提示,保持错误信息统一由handleError处理
This commit is contained in:
@@ -5,3 +5,20 @@
|
||||
- 在 Swiper 轮播图的 Image 上添加 `onClick` → 调用 `Taro.previewImage({ current: img, urls: images })`
|
||||
- `previewImage` 是 Taro 内置 API,在小程序中原生支持全屏预览 + 左右滑动翻图,无需额外组件
|
||||
- **文件**: `src/pages/points/product-detail.tsx` — 同样添加了点击放大预览
|
||||
|
||||
### 商品详情页底部三按钮修复(购物车/客服/收藏)
|
||||
- **文件**: `src/pages/shop/product-detail.tsx`
|
||||
|
||||
**1. 购物车路由修复**
|
||||
- 原代码:`Taro.switchTab({ url: '/pages/shop/cart/index' })` — 路径不存在且用了 switchTab
|
||||
- 修复:改为 `Taro.navigateTo({ url: '/pages/shop/cart' })`,指向实际页面 `pages/shop/cart.tsx`
|
||||
|
||||
**2. 客服功能实现**
|
||||
- 原代码:仅弹 toast "客服功能开发中"
|
||||
- 修复:优先调用 `Taro.openCustomerServiceChat()` 打开微信原生客服会话;失败时降级跳转到 `/pages/user/customer-service/index` 客服页面
|
||||
|
||||
**3. 收藏接口容错**
|
||||
- 问题:取消收藏时后端返回错误"取消收藏失败",UI 状态卡住不一致
|
||||
- 修复:catch 中仍翻转 UI 状态(保证前端状态一致),去掉多余的重复 toast(handleError 已弹后端错误信息)
|
||||
|
||||
构建编译通过 ✓
|
||||
|
||||
@@ -84,8 +84,15 @@ const ProductDetailPage: React.FC = () => {
|
||||
setIsFavorite(true)
|
||||
Taro.showToast({ title: '收藏成功', icon: 'success' })
|
||||
}
|
||||
} catch {
|
||||
Taro.showToast({ title: '操作失败', icon: 'none' })
|
||||
} catch (err: any) {
|
||||
// 接口报错时仍更新UI状态,避免状态不一致
|
||||
console.error('[ProductDetail] 收藏操作失败:', err?.message || err)
|
||||
if (isFavorite) {
|
||||
setIsFavorite(false)
|
||||
} else {
|
||||
setIsFavorite(true)
|
||||
}
|
||||
// 不再额外弹toast(handleError已经弹了后端返回的错误信息)
|
||||
}
|
||||
}
|
||||
|
||||
@@ -157,11 +164,22 @@ const ProductDetailPage: React.FC = () => {
|
||||
}
|
||||
|
||||
const handleGoCart = () => {
|
||||
Taro.switchTab({ url: '/pages/shop/cart/index' })
|
||||
Taro.navigateTo({ url: '/pages/shop/cart' })
|
||||
}
|
||||
|
||||
const handleContactService = () => {
|
||||
Taro.showToast({ title: '客服功能开发中', icon: 'none' })
|
||||
// 微信小程序客服:优先尝试打开客服会话
|
||||
if (Taro.openCustomerServiceChat) {
|
||||
Taro.openCustomerServiceChat({
|
||||
extInfo: { url: '' }, // 需要在小程序后台配置客服链接
|
||||
fail: () => {
|
||||
// 降级:跳转到客服页面
|
||||
Taro.navigateTo({ url: '/pages/user/customer-service/index' })
|
||||
},
|
||||
})
|
||||
} else {
|
||||
Taro.navigateTo({ url: '/pages/user/customer-service/index' })
|
||||
}
|
||||
}
|
||||
|
||||
if (!product) {
|
||||
|
||||
Reference in New Issue
Block a user