From 700b6f865c6cb8c83d8755ece4e7985598d69d5b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Thu, 9 Jul 2026 18:06:22 +0800
Subject: [PATCH] =?UTF-8?q?fix(images):=20=E4=BF=AE=E6=AD=A3=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=E5=B1=95=E7=A4=BA=E6=A8=A1=E5=BC=8F=E4=B8=BAaspectFit?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将商品分类页图片组件的mode属性从aspectFill改为aspectFit
- 修改首页图片组件的mode属性以保持图片完整显示
- 防止图片裁剪，提升图片展示效果一致性
---
 src/pages/index/index.tsx   | 2 +-
 src/pages/shop/category.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/index/index.tsx b/src/pages/index/index.tsx
index b71e5ea..cc5d82c 100644
--- a/src/pages/index/index.tsx
+++ b/src/pages/index/index.tsx
@@ -232,7 +232,7 @@ const IndexPage: React.FC = () => {
                       <Image
                         style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}
                         src={getCompressedImageUrl(item.image)}
-                        mode='aspectFill'
+                        mode='aspectFit'
                       />
                     ) : (
                       <View style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }} className='bg-gray-100 flex items-center justify-center'>
diff --git a/src/pages/shop/category.tsx b/src/pages/shop/category.tsx
index 6eb942c..7f50733 100644
--- a/src/pages/shop/category.tsx
+++ b/src/pages/shop/category.tsx
@@ -217,7 +217,7 @@ const CategoryPage: React.FC = () => {
                       <Image
                         className='w-full h-full'
                         src={getCompressedImageUrl(item.image || item.files || '')}
-                        mode='aspectFill'
+                        mode='aspectFit'
                         lazyLoad
                       />
                     </View>