他人页

src/components/UserInfo/index.scss

@@ -98,6 +98,8 @@
       display: flex;
       align-items: center;
       gap: 12px;
+      border: 1px solid rgba(0, 0, 0, 0.2);
+      border-radius: 20px;
 
       .follow_button {
         display: flex;
@@ -106,14 +108,22 @@
         padding: 12px 16px 12px 12px;
         height: 40px;
         background: #000000;
-        border: 0.5px solid rgba(0, 0, 0, 0.06);
-        border-radius: 999px;
+        border: none;
+        outline: none;
         cursor: pointer;
         transition: all 0.3s ease;
 
         &.following {
           background: #FFFFFF;
           color: #000000;
+
+          .button_text {
+            color: #000000 !important;
+          }
+        }
+
+        &:after {
+          border: none;
         }
 
         .button_icon {
@@ -127,10 +137,6 @@
           font-size: 14px;
           line-height: 1.4em;
           color: #FFFFFF;
-
-          .following & {
-            color: #000000;
-          }
         }
       }
 
@@ -140,7 +146,7 @@
         padding: unset;
         background: #FFFFFF;
         border: 0.5px solid rgba(0, 0, 0, 0.12);
-        border-radius: 999px;
+        border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
@@ -251,7 +257,8 @@
         position: relative;
         padding-right: 20px;
 
-        &::before, &::after {
+        &::before,
+        &::after {
           content: '';
           width: 6px;
           height: 1px;
@@ -262,6 +269,7 @@
           transform: rotate(45deg);
           margin-left: 4px;
         }
+
         &::after {
           transform: rotate(-45deg);
           translate: 4.2px 0;
@@ -528,4 +536,4 @@
       }
     }
   }
-}
+}

src/components/UserInfo/index.tsx

@@ -8,7 +8,7 @@ import { UserService } from "@/services/userService";
 
 // 用户信息接口
 export interface UserInfo {
-  id: string;
+  id: string | number;
   nickname: string;
   avatar: string;
   join_date: string;
@@ -169,20 +169,20 @@ export const UserInfoCard: React.FC<UserInfoCardProps> = ({
                   ? "@/static/userInfo/following.svg"
                   : "@/static/userInfo/unfollow.svg")}
               />
-              <Text className="button_text">
+              <Text className={`button_text ${is_following ? "following" : ""}`}>
                 {is_following ? "已关注" : "关注"}
               </Text>
             </Button>
           )}
           {/* 只有非当前用户才显示消息按钮 */}
-          {!is_current_user && on_message && (
+          {/* {!is_current_user && on_message && (
             <Button className="message_button" onClick={on_message}>
               <Image
                 className="button_icon"
                 src={require("@/static/userInfo/chat.svg")}
               />
             </Button>
-          )}
+          )} */}
 
           {/* 只有当前用户才显示分享按钮 */}
           {is_current_user && on_share && (