From fd6ba02d37b123ced02c95b0a0a0cd79afd14b1c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Sat, 27 Jun 2026 10:43:36 +0800
Subject: [PATCH] =?UTF-8?q?fix(shop):=20=E4=BF=AE=E5=A4=8D=E5=95=86?=
 =?UTF-8?q?=E5=93=81=E8=AF=A6=E6=83=85=E9=A1=B5=E8=BD=AE=E6=92=AD=E5=9B=BE?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E4=B8=8D=E5=AE=8C=E6=95=B4=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将图片裁剪模式从 aspectFill 改为 widthFix，确保图片宽度撑满屏幕
- 新增 swiperHeight 状态，根据首张图片实际宽高比动态计算轮播图高度
- 通过图片 onLoad 事件设置动态高度，避免图片被裁剪不完整
- 优化图片组件布局，移除高度限制，防止图片变形
---
 src/components/common/ProductCard/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/common/ProductCard/index.tsx b/src/components/common/ProductCard/index.tsx
index 71dafa4..5f52ae2 100644
--- a/src/components/common/ProductCard/index.tsx
+++ b/src/components/common/ProductCard/index.tsx
@@ -25,7 +25,7 @@ const ProductCard: React.FC<ProductCardProps> = ({ product, onClick }) => {
         <Image
           className='absolute top-0 left-0 w-full h-full'
           src={product.image || product.files || ''}
-          mode='aspectFill'
+          mode='aspectFit'
           lazyLoad
           style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}
         />