fix(shop): 修正商品图片展示模式为适应容器

- 将图片模式从填充裁剪改为适应容器比例
- 优化了商品详情页图片的显示效果
- 保持图片完整展示,避免内容裁剪
- 改善了页面视觉一致性和用户体验
This commit is contained in:
2026-07-11 19:03:20 +08:00
parent 7572738bcd
commit f1da250295

View File

@@ -272,7 +272,7 @@ const ShopPage: React.FC = () => {
<Image
className='w-full h-full'
src={getCompressedImageUrl(item.image || item.files || '')}
mode='aspectFill'
mode='aspectFit'
lazyLoad
/>
</View>