- 将图片裁剪模式从 aspectFill 改为 widthFix,确保图片宽度撑满屏幕 - 新增 swiperHeight 状态,根据首张图片实际宽高比动态计算轮播图高度 - 通过图片 onLoad 事件设置动态高度,避免图片被裁剪不完整 - 优化图片组件布局,移除高度限制,防止图片变形
33 lines
1.9 KiB
Markdown
33 lines
1.9 KiB
Markdown
# 2026-06-27 工作日志
|
||
|
||
## SKU选择器价格显示错误修复
|
||
- **文件**: `src/components/business/SkuSelector/index.tsx`
|
||
- **问题**: 商品详情页价格显示 ¥1019,但点击"立即购买"后SKU弹窗显示 ¥2519
|
||
- **根因**: `currentPrice` 计算式中 `salePrice` 优先级高于 `price`。ShopGoods 模型中 `price`=实际售价(1019),`salePrice`=市场/原价(2519)
|
||
- **修复**:
|
||
1. 第190行: `currentPrice` 优先级改为 `price` 优先于 `salePrice`
|
||
2. 第160行: 单规格 fakeSku 的 price 字段同样修正
|
||
|
||
## 确认订单页:货到付款 → 货到付款
|
||
- **文件**: `src/pages/shop/checkout.tsx`
|
||
- **改动内容**:
|
||
1. 支付方式名称:货到付款 → 货到付款,图标"余"→"货",副文案改为"商品送达后付款"
|
||
2. 移除用户余额加载逻辑(loadUserBalance、userBalance、loadingBalance 状态)
|
||
3. 移除余额不足校验和充值引导弹窗
|
||
4. payType=0 改为货到付款:提交后直接创建订单并跳转,不走在线支付流程
|
||
5. 清理未使用的导入(payByBalance、getUserBalance、repairOrder)
|
||
|
||
## 确认订单页:下单成功跳转修复
|
||
- **文件**: `src/pages/shop/checkout.tsx`
|
||
- **问题**: 下单成功后无法跳转到订单列表页
|
||
- **根因**: `pages/order/list` 是 tabBar 页面,`redirectTo` 无法跳转 tabBar 页,必须用 `switchTab`
|
||
- **修复**:
|
||
1. `redirectTo` → `switchTab`
|
||
2. 购物车数据清理移到 payType 分支前,确保货到付款也清理购物车
|
||
3. 货到付款(payType=0)和微信支付(payType=1)统一走同一跳转逻辑,toast 文案区分"下单成功"/"支付成功"
|
||
|
||
## 商品详情页轮播图显示完整
|
||
- **文件**: `src/pages/shop/product-detail.tsx`
|
||
- **问题**: `mode='aspectFill'` 裁剪图片,看不完整
|
||
- **修复**: 改为 `mode='widthFix'`,图片宽度铺满屏幕、高度自适应;新增 `swiperHeight` 状态,通过第一张图片 `onLoad` 回调按实际宽高比动态计算 Swiper 高度
|