样式优化

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;
+  }
+}