feat: 优化登录和注册页面的布局与样式；调整字体大小和间距

src/api/index.ts

@@ -74,9 +74,7 @@ export function safeClient<T, E>(
         }, 2000);
       }
       else if (!options.silent) {
-        showToast(i18n.global.t((res.error as any).code, {
+        showToast((res.error as any).message || i18n.global.t("network_error"));
-          ...(res.error as any).context,
-        }) || (res.error as any).message || i18n.global.t("network_error"));
       }
 
       throw res.error;

src/views/auth/login.vue

@@ -79,8 +79,8 @@ function goToTerms(type: "service" | "privacy") {
       <!-- 主要内容区域 -->
       <div class="relative z-2 h-full flex flex-col p-10 px-6 pb-5">
         <!-- 顶部Logo和欢迎语 -->
-        <div class="text-center mb-10">
+        <div class="flex items-center gap-6 my-8">
-          <div class="flex justify-center mb-5">
+          <div class="flex justify-center">
             <div class="emblem-circle">
               <div class="emblem-inner">
                 <div class="star">
@@ -92,12 +92,14 @@ function goToTerms(type: "service" | "privacy") {
               </div>
             </div>
           </div>
-          <h1 class="text-4xl font-bold text-[#2c3e50] mb-2 tracking-wider">
+          <div>
-            你好
+            <div class="text-2xl font-bold text-[#2c3e50] mb-1 tracking-wider">
-          </h1>
+              你好
-          <h2 class="text-2xl font-semibold text-[#2c3e50] tracking-wide">
+            </div>
-            欢迎登录深化改革
+            <div class="text-md font-semibold text-[#2c3e50] tracking-wide">
-          </h2>
+              欢迎登录深化改革
+            </div>
+          </div>
         </div>
 
         <!-- 登录表单 -->
@@ -174,7 +176,6 @@ function goToTerms(type: "service" | "privacy") {
             <div class="bird-small bird-b-4" />
           </div>
         </div>
-        <div class="wave-red" />
       </div>
     </ion-content>
   </ion-page>
@@ -194,16 +195,7 @@ function goToTerms(type: "service" | "privacy") {
   left: 0;
   right: 0;
   bottom: 0;
-  background: linear-gradient(
+  background: linear-gradient(180deg, #c41e3a 0%, #e8756d 15%, #f5d5c8 35%, #fef5f1 50%, #fef5f1 65%, #f5d5c8 100%);
-    180deg,
-    #c41e3a 0%,
-    #e8756d 15%,
-    #f5d5c8 35%,
-    #fef5f1 50%,
-    #fef5f1 65%,
-    #f5d5c8 85%,
-    #e8756d 100%
-  );
   z-index: 0;
 }
 
@@ -341,7 +333,7 @@ function goToTerms(type: "service" | "privacy") {
   --border-radius: 25px;
   --box-shadow: 0 4px 12px rgba(196, 30, 58, 0.3);
   height: 50px;
-  font-size: 18px;
+  font-size: 16px;
   font-weight: 600;
   letter-spacing: 2px;
   margin-top: 8px;
@@ -357,7 +349,7 @@ function goToTerms(type: "service" | "privacy") {
   --background: transparent;
   --background-hover: rgba(196, 30, 58, 0.05);
   height: 50px;
-  font-size: 18px;
+  font-size: 16px;
   font-weight: 600;
   letter-spacing: 2px;
   text-transform: none;
@@ -381,10 +373,10 @@ function goToTerms(type: "service" | "privacy") {
 
 .building {
   position: absolute;
-  bottom: 40px;
+  bottom: 0;
   left: 0;
   right: 0;
-  height: 140px;
+  height: 180px;
   background: linear-gradient(
     to top,
     rgba(196, 30, 58, 0.9) 0%,

src/views/auth/signup.vue

@@ -100,8 +100,8 @@ function goToTerms(type: "service" | "privacy") {
       <!-- 主要内容区域 -->
       <div class="relative z-2 h-full flex flex-col py-8 px-6 pb-5 overflow-y-auto">
         <!-- 顶部Logo和标题 -->
-        <div class="text-center mb-8 shrink-0">
+        <div class="shrink-0 flex items-center gap-6 mt-6 mb-6">
-          <div class="flex justify-center mb-4">
+          <div class="flex justify-center">
             <div class="emblem-circle-sm">
               <div class="emblem-inner-sm">
                 <div class="star-sm">
@@ -113,16 +113,18 @@ function goToTerms(type: "service" | "privacy") {
               </div>
             </div>
           </div>
-          <h1 class="text-3xl font-bold text-[#1a1a1a] mb-1.5 tracking-wider">
+          <div>
-            创建账号
+            <div class="text-2xl font-bold text-[#1a1a1a] mb-1 tracking-wider">
-          </h1>
+              创建账号
-          <h2 class="text-lg font-semibold text-[#2c3e50] tracking-wide">
+            </div>
-            加入深化改革平台
+            <div class="text-md font-semibold text-[#2c3e50] tracking-wide">
-          </h2>
+              加入深化改革平台
+            </div>
+          </div>
         </div>
 
         <!-- 注册表单 -->
-        <div class="flex-1 flex flex-col gap-3 max-w-[400px] w-full mx-auto pb-50">
+        <div class="flex-1 flex flex-col gap-3 max-w-[400px] w-full mx-auto pb-20">
           <!-- 手机号输入 -->
           <ion-item lines="none" class="input-item">
             <ion-input
@@ -216,7 +218,7 @@ function goToTerms(type: "service" | "privacy") {
             @click="handleSignup"
           >
             <ion-spinner v-if="isLoading" name="crescent" class="mr-2" />
-            {{ isLoading ? '注册中...' : '注册' }}
+            {{ isLoading ? '注册中...' : '注册并登录' }}
           </ion-button>
 
           <!-- 登录按钮 -->
@@ -234,7 +236,6 @@ function goToTerms(type: "service" | "privacy") {
       <!-- 底部装饰 - 天安门和飞鸟 -->
       <div class="decoration-bottom">
         <div class="building-wrapper">
-          <div class="building" />
           <div class="birds-bottom">
             <div class="bird-small bird-b-1" />
             <div class="bird-small bird-b-2" />
@@ -242,7 +243,6 @@ function goToTerms(type: "service" | "privacy") {
             <div class="bird-small bird-b-4" />
           </div>
         </div>
-        <div class="wave-red" />
       </div>
     </ion-content>
   </ion-page>
@@ -408,7 +408,7 @@ function goToTerms(type: "service" | "privacy") {
   --border-radius: 25px;
   --box-shadow: 0 4px 12px rgba(196, 30, 58, 0.3);
   height: 50px;
-  font-size: 18px;
+  font-size: 16px;
   font-weight: 600;
   letter-spacing: 2px;
   margin-top: 8px;
@@ -421,13 +421,10 @@ function goToTerms(type: "service" | "privacy") {
   --border-width: 2px;
   --border-radius: 25px;
   --color: #8b1a2e;
-  --background: transparent;
-  --background-hover: rgba(196, 30, 58, 0.05);
   height: 50px;
   font-size: 16px;
   font-weight: 600;
   letter-spacing: 1px;
-  text-transform: none;
 }
 
 /* 底部装饰 */