fix(shop): 修正商品图片展示模式为适应容器
- 将图片模式从填充裁剪改为适应容器比例 - 优化了商品详情页图片的显示效果 - 保持图片完整展示,避免内容裁剪 - 改善了页面视觉一致性和用户体验
This commit is contained in:
@@ -272,7 +272,7 @@ const ShopPage: React.FC = () => {
|
|||||||
<Image
|
<Image
|
||||||
className='w-full h-full'
|
className='w-full h-full'
|
||||||
src={getCompressedImageUrl(item.image || item.files || '')}
|
src={getCompressedImageUrl(item.image || item.files || '')}
|
||||||
mode='aspectFill'
|
mode='aspectFit'
|
||||||
lazyLoad
|
lazyLoad
|
||||||
/>
|
/>
|
||||||
</View>
|
</View>
|
||||||
|
|||||||
Reference in New Issue
Block a user