From 429ebfc5fb1610e22fad926ae56eb42efe9fa3ef Mon Sep 17 00:00:00 2001
From: ozh <sylphy.ou@tfegroup.com.hk>
Date: Wed, 9 Sep 2026 12:21:48 +0800
Subject: [PATCH] =?UTF-8?q?feat(mine):=20=E6=88=91=E7=9A=84=E9=A1=B5?=
 =?UTF-8?q?=E6=B8=90=E5=8F=98=E5=A4=B4=E9=83=A8=E4=B8=8E=E8=8F=9C=E5=8D=95?=
 =?UTF-8?q?=E5=8D=A1=E7=89=87=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/mine/index.module.scss | 27 ++++++++++++++++-----------
 src/pages/mine/index.tsx         |  4 +++-
 2 files changed, 19 insertions(+), 12 deletions(-)

diff --git a/src/pages/mine/index.module.scss b/src/pages/mine/index.module.scss
index d13aca9..d2d1322 100644
--- a/src/pages/mine/index.module.scss
+++ b/src/pages/mine/index.module.scss
@@ -4,40 +4,45 @@
 }
 
 .header {
-  padding: 80px 32px;
-  background: $color-bg-white;
+  padding: 120px 32px 80px;
+  background: $color-primary-grad;
   display: flex;
   align-items: center;
 }
 
+// 白底绿字头像：与渐变头形成对比
 .avatar {
-  width: 120px;
-  height: 120px;
+  width: 132px;
+  height: 132px;
   border-radius: $radius-circle;
-  background: $color-primary-grad;
-  color: #ffffff;
-  font-size: 48px;
-  font-weight: 600;
+  background: $color-bg-white;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-right: 32px;
 }
 
+.avatarText {
+  font-size: 52px;
+  font-weight: 600;
+  color: $color-primary;
+}
+
 .headerInfo { display: flex; flex-direction: column; }
 
 .name {
   font-size: 36px;
   font-weight: 600;
-  color: $color-text;
+  color: #ffffff;
 }
 
 .uid {
   margin-top: 8px;
   font-size: 24px;
-  color: $color-text-secondary;
+  color: rgba(255, 255, 255, 0.8);
 }
 
+// 菜单卡上浮叠在渐变区上
 .menuCard {
-  margin: 20px 24px 0;
+  margin: -48px 24px 0;
 }
diff --git a/src/pages/mine/index.tsx b/src/pages/mine/index.tsx
index 4a2a547..564a2bc 100644
--- a/src/pages/mine/index.tsx
+++ b/src/pages/mine/index.tsx
@@ -30,7 +30,9 @@ export default function Mine() {
     <View className={styles.page}>
       <Navbar title="个人中心" autoBack={false} />
       <View className={styles.header}>
-        <Text className={styles.avatar}>{user?.name?.[0] ?? '?'}</Text>
+        <View className={styles.avatar}>
+          <Text className={styles.avatarText}>{user?.name?.[0] ?? '?'}</Text>
+        </View>
         <View className={styles.headerInfo}>
           <Text className={styles.name}>{user?.name ?? '加载中...'}</Text>
           <Text className={styles.uid}>{auth.userId ? `ID: ${auth.userId}` : ''}</Text>