Files
xinlong-shop-taro/.workbuddy/memory/2026-06-27.md
赵忠林 dc0909d37d fix(shop): 修复商品详情页轮播图显示不完整问题
- 将图片裁剪模式从 aspectFill 改为 widthFix,确保图片宽度撑满屏幕
- 新增 swiperHeight 状态,根据首张图片实际宽高比动态计算轮播图高度
- 通过图片 onLoad 事件设置动态高度,避免图片被裁剪不完整
- 优化图片组件布局,移除高度限制,防止图片变形
2026-06-27 10:02:32 +08:00

1.9 KiB
Raw Blame History

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. redirectToswitchTab
    2. 购物车数据清理移到 payType 分支前,确保货到付款也清理购物车
    3. 货到付款(payType=0)和微信支付(payType=1)统一走同一跳转逻辑toast 文案区分"下单成功"/"支付成功"

商品详情页轮播图显示完整

  • 文件: src/pages/shop/product-detail.tsx
  • 问题: mode='aspectFill' 裁剪图片,看不完整
  • 修复: 改为 mode='widthFix',图片宽度铺满屏幕、高度自适应;新增 swiperHeight 状态,通过第一张图片 onLoad 回调按实际宽高比动态计算 Swiper 高度