样式优化

src/components/EditModal/EditModal.scss

@@ -83,11 +83,12 @@
 
 // 内容区域
 .modal_content {
-  padding: 16px 20px;
+  padding: 0 20px;
   display: flex;
   flex-direction: column;
   gap: 20px;
   box-sizing: border-box;
+  margin-bottom: 20px;
 
   .input_container {
     display: flex;
@@ -127,6 +128,10 @@
         line-height: 20px;
         padding: 0;
       }
+
+      &.profile {
+        width: 100%;
+      }
     }
 
     .char_count {
@@ -140,6 +145,7 @@
         font-size: 14px;
         line-height: 1.71em;
         color: rgba(60, 60, 67, 0.3);
+
         &.un-valid {
           color: #FF3B30;
         }
@@ -156,6 +162,7 @@
       font-size: 12px;
       line-height: 1.5em;
       color: rgba(60, 60, 67, 0.6);
+
       &.illegal {
         color: #FF3B30;
       }

src/components/EditModal/index.tsx

@@ -171,9 +171,9 @@ const EditModal: React.FC<EditModalProps> = ({
                 </View>
               </>
             ) : (
-              <>
+              <View style={{display: "flex", flexDirection: "column", width: "100%", height: "120px"}}>
                 <Textarea
-                  className="text_input"
+                  className="text_input profile"
                   value={value}
                   placeholder={placeholder}
                   // maxlength={maxLength}
@@ -191,7 +191,7 @@ const EditModal: React.FC<EditModalProps> = ({
                     {value.length}/{maxLength}
                   </Text>
                 </View>
-              </>
+              </View>
             )}
           </View>
 

src/components/FollowUserCard/index.scss

@@ -4,7 +4,6 @@
   justify-content: space-between;
   align-items: center;
   padding: 8px 20px;
-  background: #ffffff;
   height: 56px;
   margin-top: 12px;
   box-sizing: border-box;
@@ -55,7 +54,7 @@
     display: flex;
     justify-content: center;
     align-items: center;
-    padding: 6px 16px;
+    padding: 10px 16px 8px;
     border-radius: 20px;
     white-space: nowrap;
     position: relative;
@@ -84,7 +83,7 @@
       font-family: PingFang SC;
       font-weight: 400;
       font-size: 12px;
-      line-height: 16px;
+      line-height: 12px;
       position: relative;
       z-index: 1;
     }

src/components/Picker/index.module.scss

@@ -27,7 +27,7 @@
 }
 
 .evaluateCardWrap {
-  padding: 16px;
+  padding: 0 16px;
 }
 
 // .examination-btn {

src/components/UserInfo/index.scss

@@ -121,7 +121,7 @@
       display: flex;
       align-items: center;
       gap: 12px;
-      border: 1px solid rgba(0, 0, 0, 0.2);
+      // border: 1px solid rgba(0, 0, 0, 0.2);
       border-radius: 999px;
 
       .follow_button {
@@ -139,6 +139,7 @@
         &.following {
           background: #ffffff;
           color: #000000;
+          border-color: rgba(0, 0, 0, 0.2);
 
           .button_text {
             color: #000000 !important;