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