From d30909e55962e2aa9f2ac6381e6e979cc7cade26 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E6=9D=B0?= <alecdux@gmail.com>
Date: Wed, 1 Oct 2025 17:06:40 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BF=AE=E6=94=B9=E5=9B=BE=E7=89=87?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=B8=BAaspectFill?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/NTRPPopupGuide/index.tsx    |  2 +-
 src/components/NTRPTestEntryCard/index.tsx |  4 +--
 src/components/UserInfo/index.tsx          | 37 +++++++++++++++++-----
 src/other_pages/ntrp-evaluate/index.tsx    |  2 +-
 src/user_pages/edit/index.tsx              | 14 +++++---
 5 files changed, 43 insertions(+), 16 deletions(-)

diff --git a/src/components/NTRPPopupGuide/index.tsx b/src/components/NTRPPopupGuide/index.tsx
index 426aade..84b71cc 100644
--- a/src/components/NTRPPopupGuide/index.tsx
+++ b/src/components/NTRPPopupGuide/index.tsx
@@ -40,7 +40,7 @@ function NtrpPopupGuide(props: {
             <Image
               className={styles.avatarUrl}
               src={userInfo.avatar_url}
-              mode="aspectFit"
+              mode="aspectFill"
             />
           </View>
           {/* avatar side */}
diff --git a/src/components/NTRPTestEntryCard/index.tsx b/src/components/NTRPTestEntryCard/index.tsx
index 879e112..fcdca0b 100644
--- a/src/components/NTRPTestEntryCard/index.tsx
+++ b/src/components/NTRPTestEntryCard/index.tsx
@@ -90,7 +90,7 @@ function NTRPTestEntryCard(props: {
           <Image
             className={styles.avatarUrl}
             src={userInfo.avatar_url}
-            mode="aspectFit"
+            mode="aspectFill"
           />
         </View>
         {/* avatar side */}
@@ -119,7 +119,7 @@ function NTRPTestEntryCard(props: {
           <Image
             className={styles.avatarUrl}
             src={userInfo.avatar_url}
-            mode="aspectFit"
+            mode="aspectFill"
           />
         </View>
         {/* avatar side */}
diff --git a/src/components/UserInfo/index.tsx b/src/components/UserInfo/index.tsx
index 6e5f69f..0fa731e 100644
--- a/src/components/UserInfo/index.tsx
+++ b/src/components/UserInfo/index.tsx
@@ -231,7 +231,7 @@ export const UserInfoCard: React.FC<UserInfoCardProps> = ({
       {/* 头像和基本信息 */}
       <View className="basic_info">
         <View className="avatar_container">
-          <Image className="avatar" src={user_info.avatar} />
+          <Image className="avatar" src={user_info.avatar} mode="aspectFill" />
         </View>
         <View className="info_container">
           <Text className="nickname">{user_info.nickname}</Text>
@@ -331,7 +331,12 @@ export const UserInfoCard: React.FC<UserInfoCardProps> = ({
               )}
             </View>
           ) : is_current_user && user_info.gender !== "2" ? (
-            <View className="button_edit" onClick={() => { handle_open_edit_modal('gender') }}>
+            <View
+              className="button_edit"
+              onClick={() => {
+                handle_open_edit_modal("gender");
+              }}
+            >
               <Text>选择性别</Text>
             </View>
           ) : null}
@@ -340,16 +345,28 @@ export const UserInfoCard: React.FC<UserInfoCardProps> = ({
               <Text className="tag_text">{`NTRP ${user_info.ntrp_level}`}</Text>
             </View>
           ) : is_current_user ? (
-            <View className="button_edit" onClick={() => { handle_open_edit_modal('ntrp_level') }}>
+            <View
+              className="button_edit"
+              onClick={() => {
+                handle_open_edit_modal("ntrp_level");
+              }}
+            >
               <Text>测测你的NTRP水平</Text>
             </View>
           ) : null}
           {user_info.occupation ? (
             <View className="tag_item">
-              <Text className="tag_text">{user_info.occupation.split(" ")[1]}</Text>
+              <Text className="tag_text">
+                {user_info.occupation.split(" ")[1]}
+              </Text>
             </View>
           ) : is_current_user ? (
-            <View className="button_edit" onClick={() => { handle_open_edit_modal('occupation') }}>
+            <View
+              className="button_edit"
+              onClick={() => {
+                handle_open_edit_modal("occupation");
+              }}
+            >
               <Text>选择职业</Text>
             </View>
           ) : null}
@@ -358,7 +375,10 @@ export const UserInfoCard: React.FC<UserInfoCardProps> = ({
               <Text className="tag_text">{`${user_info.province}${user_info.city}`}</Text>
             </View>
           ) : is_current_user ? (
-            <View className="button_edit" onClick={() => handle_open_edit_modal('location')}>
+            <View
+              className="button_edit"
+              onClick={() => handle_open_edit_modal("location")}
+            >
               <Text>选择地区</Text>
             </View>
           ) : null}
@@ -601,8 +621,9 @@ export const GameTabs: React.FC<GameTabsProps> = ({
           <Text className="tab_text">{hosted_text}</Text>
         </View>
         <View
-          className={`tab_item ${active_tab === "participated" ? "active" : ""
-            }`}
+          className={`tab_item ${
+            active_tab === "participated" ? "active" : ""
+          }`}
           onClick={() => on_tab_change("participated")}
         >
           <Text className="tab_text">{participated_text}</Text>
diff --git a/src/other_pages/ntrp-evaluate/index.tsx b/src/other_pages/ntrp-evaluate/index.tsx
index 38bb760..2fc86fc 100644
--- a/src/other_pages/ntrp-evaluate/index.tsx
+++ b/src/other_pages/ntrp-evaluate/index.tsx
@@ -176,7 +176,7 @@ function Intro() {
               <Image
                 className={styles.avatarUrl}
                 src={userInfo.avatar_url}
-                mode="aspectFit"
+                mode="aspectFill"
               />
             </View>
             {/* avatar side */}
diff --git a/src/user_pages/edit/index.tsx b/src/user_pages/edit/index.tsx
index a4e43bb..988258a 100644
--- a/src/user_pages/edit/index.tsx
+++ b/src/user_pages/edit/index.tsx
@@ -9,7 +9,7 @@ import { clear_login_state } from "@/services/loginService";
 import { convert_db_gender_to_display } from "@/utils/genderUtils";
 import { EditModal } from "@/components";
 import img from "@/config/images";
-import CommonDialog from '@/components/CommonDialog'
+import CommonDialog from "@/components/CommonDialog";
 
 const EditProfilePage: React.FC = () => {
   // 用户信息状态
@@ -309,7 +309,7 @@ const EditProfilePage: React.FC = () => {
   // 注销账户
   const handle_close_account = () => {
     setShowLogoutDialog(true);
-  }
+  };
 
   const onGetPhoneNumber = async (e) => {
     if (!e.detail || !e.detail.code) {
@@ -362,7 +362,11 @@ const EditProfilePage: React.FC = () => {
             {/* 头像编辑区域 */}
             <View className="avatar_section">
               <View className="avatar_container" onClick={handle_avatar_upload}>
-                <Image className="avatar" src={user_info.avatar} />
+                <Image
+                  className="avatar"
+                  src={user_info.avatar}
+                  mode="aspectFill"
+                />
                 <View className="avatar_overlay">
                   <Image
                     className="upload_icon"
@@ -699,7 +703,9 @@ const EditProfilePage: React.FC = () => {
         visible={showLogoutDialog}
         cancelText="确定注销"
         confirmText="再想想"
-        onCancel={() => {UserService.logout()}}
+        onCancel={() => {
+          UserService.logout();
+        }}
         onConfirm={() => setShowLogoutDialog(false)}
         contentTitle="确定要注销账号吗？"
         contentDesc="你的账号将会彻底删除，该操作不可恢复。"