样式优化

src/user_pages/joinGroup/index.scss

@@ -5,13 +5,17 @@
   position: relative;
   overflow-y: auto;
   box-sizing: border-box;
-  background: radial-gradient(
-    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 以下全白 */
-  );
+  background: radial-gradient(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 以下全白 */
+    );
 }
 
 // 主要内容区域
@@ -19,4 +23,28 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-}
+  color: rgba(0, 0, 0, 0.40);
+  text-align: center;
+  font-family: "PingFang SC";
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: normal;
+
+  .title-text {
+    color: #000;
+    font-size: 24px;
+    font-weight: 600;
+    margin-top: 80px;
+    margin-bottom: 16px;
+  }
+
+  .qrcode {
+    margin: 32px 0 -20px;
+  }
+
+  .hint-text {
+    font-weight: 400;
+    margin-bottom: 78px;
+  }
+}

src/user_pages/joinGroup/index.tsx

@@ -54,9 +54,8 @@ const OtherUserPage: React.FC = () => {
             nickname: userData.nickname || "",
             avatar_url: userData.avatar_url || "",
             join_date: userData.subscribe_time
-              ? `${new Date(userData.subscribe_time).getFullYear()}年${
-                  new Date(userData.subscribe_time).getMonth() + 1
-                }月加入`
+              ? `${new Date(userData.subscribe_time).getFullYear()}年${new Date(userData.subscribe_time).getMonth() + 1
+              }月加入`
               : "",
             stats: {
               following_count: userData.stats?.following_count || 0,
@@ -103,10 +102,10 @@ const OtherUserPage: React.FC = () => {
       />
       {/* 主要内容 */}
       <View className="main_content" style={{ paddingTop: `${totalHeight}px` }}>
-        <Text>你应该会想加入这里</Text>
-        <Text>你想认识的人，也在找你。</Text>
-        <Image src=""></Image>
-        <Text>长按入群吧👆让运动不再一个人</Text>
+        <Text className="title-text">你应该会想加入这里</Text>
+        <Text>你会在这里遇见相似的人，和更好的自己。</Text>
+        <Image className="qrcode" mode="scaleToFill" src={require("@/static/userInfo/group-qrcode.svg")} showMenuByLongpress></Image>
+        <Text className="hint-text">长按入群吧👆让运动不再一个人</Text>
         <Text>你不是一个人在寻找球友。</Text>
         <Text>你想认识的人，也在找你。</Text>
         <Text>每一个热爱运动的人，</Text>