样式优化

src/user_pages/edit/index.scss

@@ -307,14 +307,14 @@
           left: 36px;
           right: 12px;
           height: 0.5px;
-          background: rgba(0, 0, 0, 0.12);
+          background: rgba(0, 0, 0, 0.08);
           border-radius: 99px;
         }
       }
 
       .divider {
         height: 0.5px;
-        background-color: rgba(0, 0, 0, 0.12);
+        background-color: rgba(0, 0, 0, 0.08);
         margin-left: 35px;
         box-sizing: border-box;
       }

src/user_pages/myself/index.scss

@@ -1,4 +1,4 @@
-@use '../../scss/common.scss' as *;
+@use "../../scss/common.scss" as *;
 
 // 个人页面样式
 .myself_page {
@@ -18,16 +18,12 @@
 // 主要内容区域
 .main_content {
   // position: relative;
-  background: radial-gradient(circle at 50% 0,
+  background: radial-gradient(
-  /* 光晕圆心在顶部中间 */
+    circle at 50% 0,
-  rgba(191, 255, 239, 0.9) 0px,
+    /* 光晕圆心在顶部中间 */ rgba(191, 255, 239, 0.9) 0px,
-  /* 中间更深的浅蓝 */
+    /* 中间更深的浅蓝 */ rgba(191, 255, 239, 0.5) 200px,
-  rgba(191, 255, 239, 0.5) 200px,
+    /* 100px 处开始淡化 */ #fafafa 300px,
-  /* 100px 处开始淡化 */
+    /* 到 200px 变成白色 */ #fafafa 100% /* 200px 以下全白 */
-  #fafafa 300px,
-  /* 到 200px 变成白色 */
-  #fafafa 100%
-  /* 200px 以下全白 */
   );
   z-index: 5;
   flex: 1;
@@ -55,7 +51,6 @@
       }
     }
 
-
     // 统计数据
     .stats_section {
       display: flex;
@@ -123,15 +118,16 @@
         display: flex;
         align-items: center;
         overflow: hidden;
+        height: 48px;
 
         .action_content {
+          height: 100%;
           flex: 1;
           display: flex;
           flex-direction: row;
           align-items: center;
           justify-content: center;
           gap: 8px;
-          padding: 20px 0;
           cursor: pointer;
           transition: background-color 0.3s ease;
 
@@ -161,7 +157,6 @@
 
   // 球局类型标签页
   .game_tabs_section {
-
     .tab_container {
       display: flex;
       gap: 16px;

src/user_pages/wallet/index.scss

@@ -1,6 +1,7 @@
 // @use '../../scss/common.scss' as *;
 
 .wallet_page {
+  min-height: 100vh;
   background-color: #f5f5f5;
   padding-bottom: 5px;
   box-sizing: border-box;
@@ -305,15 +306,14 @@
           gap: 4px;
           width: 100px;
 
-
           .type_text_tag {
             font-size: 8px;
             font-weight: normal;
-            color: #FF9500;
+            color: #ff9500;
             border-radius: 999px !important;
             padding: 4px;
-            background-color: rgba(#FF9500, 0.1);
+            background-color: rgba(#ff9500, 0.1);
-            border: solid 1px #FF9500;
+            border: solid 1px #ff9500;
           }
 
           .transaction_amount {

src/user_pages/wallet/index.tsx

@@ -22,7 +22,6 @@ interface Transaction {
   related_id: number;
   type_text: string | null;
   total_balance_after: string;
-
 }
 
 // 钱包信息类型
@@ -477,7 +476,7 @@ const WalletPage: React.FC = () => {
               <Text className="currency_symbol">¥</Text>
               <View className="amount_group">
                 <Text className="main_amount">
-                  {(wallet_info.total_balance)?.toFixed(2)}
+                  {wallet_info.total_balance?.toFixed(2)}
                 </Text>
                 {/* <Text className="decimal_amount">
                   .
@@ -589,10 +588,8 @@ const WalletPage: React.FC = () => {
                         {transaction.type_text}
                       </Text>
                       <Text className="transaction_amount">
-
                         {get_amount_display(transaction)}
                       </Text>
-
                     </View>
 
                     <Text className="balance_info">
@@ -606,7 +603,10 @@ const WalletPage: React.FC = () => {
             // <View className="empty_state">
             //   <Text className="empty_text">暂无交易记录</Text>
             // </View>
-            <EmptyState text="钱包空空如也，组织球局赚点球费吧" styles={{padding: "unset"}} />
+            <EmptyState
+              text="钱包空空如也，组织球局赚点球费吧"
+              styles={{ padding: "unset" }}
+            />
           )}
         </View>
       </View>