feat: 修改图片样式为aspectFill

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 */}

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 */}

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>