1

2025-09-17 22:55:20 +08:00
parent 46fc702dfd
commit 721d0c10e4
11 changed files with 1078 additions and 3 deletions
--- a/src/components/FollowUserCard/index.scss
+++ b/src/components/FollowUserCard/index.scss
@@ -0,0 +1,99 @@
+// 球友卡片样式  
+.follow_user_card {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 8px 20px;
+  background: #ffffff;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  
+  .user_info {
+    display: flex;
+    align-items: center;
+    flex: 1;
+    gap: 12px;
+    
+    .avatar {
+      width: 40px;
+      height: 40px;
+      border-radius: 50%;
+      object-fit: cover;
+    }
+    
+    .user_details {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+      flex: 1;
+      max-width: 200px;
+      
+      .nickname {
+        font-family: PingFang SC;
+        font-weight: 600;
+        font-size: 14px;
+        line-height: 16px;
+        color: rgba(0, 0, 0, 0.8);
+      }
+      
+      .signature {
+        font-family: PingFang SC;
+        font-weight: 400;
+        font-size: 12px;
+        line-height: 16px;
+        color: rgba(60, 60, 67, 0.6);
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        max-width: 100%;
+      }
+    }
+  }
+  
+  .action_button {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 4px 16px;
+    border-radius: 20px;
+    min-width: 60px;
+    
+    .button_text {
+      font-family: PingFang SC;
+      font-weight: 400;
+      font-size: 12px;
+      line-height: 16px;
+    }
+    
+    &.follow_button {
+      border: 0.5px solid #000000 !important;
+      background: transparent !important;
+      
+      .button_text {
+        color: #000000 !important;
+      }
+    }
+    
+    &.following_button {
+      border: 0.5px solid rgba(120, 120, 128, 0.12) !important;
+      background: transparent !important;
+      
+      .button_text {
+        color: rgba(0, 0, 0, 0.8) !important;
+      }
+    }
+    
+    &.mutual_button {
+      border: 0.5px solid rgba(120, 120, 128, 0.12) !important;
+      background: transparent !important;
+      
+      .button_text {
+        color: rgba(0, 0, 0, 0.8) !important;
+      }
+    }
+    
+    &.processing {
+      opacity: 0.6;
+      pointer-events: none;
+    }
+  }
+}