样式优化

src/user_pages/edit/index.scss

@@ -5,8 +5,8 @@
     circle at 50% 0,
     /* 光晕圆心在顶部中间 */ rgba(191, 255, 239, 0.9) 0px,
     /* 中间更深的浅蓝 */ rgba(191, 255, 239, 0.5) 200px,
-    /* 100px 处开始淡化 */ #FAFAFA 300px,
-    /* 到 200px 变成白色 */ #FAFAFA 100% /* 200px 以下全白 */
+    /* 100px 处开始淡化 */ #fafafa 300px,
+    /* 到 200px 变成白色 */ #fafafa 100% /* 200px 以下全白 */
   );
   position: relative;
   // overflow: hidden;
@@ -306,15 +306,15 @@
           position: absolute;
           left: 36px;
           right: 12px;
-          height: 0.5px;
-          background: rgba(0, 0, 0, 0.08);
+          height: 0.5pt;
+          background: rgba(0, 0, 0, 0.06);
           border-radius: 99px;
         }
       }
 
       .divider {
-        height: 0.5px;
-        background-color: rgba(0, 0, 0, 0.08);
+        height: 0.5pt;
+        background-color: rgba(0, 0, 0, 0.06);
         margin-left: 35px;
         box-sizing: border-box;
       }

src/user_pages/edit/index.tsx

@@ -451,7 +451,10 @@ const EditProfilePage: React.FC = () => {
                     />
                   </View>
                 </View>
-                <View className="divider"></View>
+                <View
+                  className="divider"
+                  style="transform: translate(0, 0);"
+                ></View>
               </View>
 
               {/* 生日 */}
@@ -603,9 +606,9 @@ const EditProfilePage: React.FC = () => {
                     >
                       {form_data.phone
                         ? form_data.phone.replace(
-                          /(\d{3})(\d{4})(\d{4})/,
-                          "$1 $2 $3"
-                        )
+                            /(\d{3})(\d{4})(\d{4})/,
+                            "$1 $2 $3"
+                          )
                         : "未绑定"}
                     </Button>
                     <Image

src/user_pages/myself/index.scss

@@ -6,7 +6,7 @@
   position: relative;
   overflow-y: auto;
   box-sizing: border-box;
-  background-color: #FAFAFA;
+  background-color: #fafafa;
 
   &::-webkit-scrollbar {
     display: none;
@@ -19,7 +19,7 @@
 // 背景渐变过渡动画
 @keyframes backgroundGradient {
   0% {
-    background: #FFFFFF;
+    background: #ffffff;
   }
   100% {
     background: radial-gradient(
@@ -35,8 +35,8 @@
 // 主要内容区域
 .main_content {
   // position: relative;
-  background: #FFFFFF;
-  animation: backgroundGradient 0.6s ease-in-out forwards;
+  background: #ffffff;
+  animation: backgroundGradient 0s ease-in-out forwards;
   z-index: 5;
   flex: 1;
   margin-top: 0;
@@ -127,6 +127,7 @@
 
       .action_card {
         @include card-base;
+        border-radius: 12px;
         display: flex;
         align-items: center;
         overflow: hidden;
@@ -143,9 +144,9 @@
           cursor: pointer;
           transition: background-color 0.3s ease;
 
-          &:hover {
-            background-color: rgba(0, 0, 0, 0.02);
-          }
+          // &:hover {
+          //   background-color: rgba(0, 0, 0, 0.02);
+          // }
 
           .action_icon {
             width: 20px;
@@ -172,7 +173,7 @@
     .tab_container {
       display: flex;
       gap: 16px;
-      padding: 12px 15px;
+      padding: 12px 0;
 
       .tab_item {
         padding: 12px 0;