root/financial
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Seven
2026-01-22 18:27:53 +07:00
parent 06e8c0d630
commit 7abde6de23
3 changed files with 29 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/api/index.ts
View File

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

38
src/views/auth/login.vue
View File

@@ -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 justify-center mb-5">
<div class="flex items-center gap-6 my-8">
<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">
你好
</h1>
<h2 class="text-2xl font-semibold text-[#2c3e50] tracking-wide">
欢迎登录深化改革
</h2>
<div>
<div class="text-2xl font-bold text-[#2c3e50] mb-1 tracking-wider">
你好
</div>
<div class="text-md font-semibold text-[#2c3e50] tracking-wide">
欢迎登录深化改革
</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(
180deg,
#c41e3a 0%,
#e8756d 15%,
#f5d5c8 35%,
#fef5f1 50%,
#fef5f1 65%,
#f5d5c8 85%,
#e8756d 100%
);
background: linear-gradient(180deg, #c41e3a 0%, #e8756d 15%, #f5d5c8 35%, #fef5f1 50%, #fef5f1 65%, #f5d5c8 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%,

29
src/views/auth/signup.vue
View File

@@ -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="flex justify-center mb-4">
<div class="shrink-0 flex items-center gap-6 mt-6 mb-6">
<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">
创建账号
</h1>
<h2 class="text-lg font-semibold text-[#2c3e50] tracking-wide">
加入深化改革平台
</h2>
<div>
<div class="text-2xl font-bold text-[#1a1a1a] mb-1 tracking-wider">
创建账号
</div>
<div class="text-md font-semibold text-[#2c3e50] tracking-wide">
加入深化改革平台
</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;
}
/* 底部装饰 */