fix(auth): 优化登录验证码展示并移除多余提示文案

This commit is contained in:
yelan
2026-09-30 15:29:54 +08:00
parent 3a330bcf69
commit 35c7b43bb5
+25 -10
View File
@@ -156,7 +156,7 @@ onMounted(() => {
/>
</div>
<div v-if="captcha" class="login-field login-captcha">
<div class="login-field login-captcha">
<label for="login-captcha">验证码</label>
<div class="captcha-row">
<input
@@ -175,7 +175,13 @@ onMounted(() => {
aria-label="刷新验证码"
@click="loadCaptcha"
>
<img :src="captcha.imageBase64" alt="图形验证码,点击刷新" />
<span v-if="captchaLoading" class="captcha-spinner" aria-hidden="true" />
<img
v-else-if="captcha"
:src="captcha.imageBase64"
alt="图形验证码,点击刷新"
/>
<span v-else class="captcha-retry">点击重试</span>
</button>
</div>
</div>
@@ -185,7 +191,6 @@ onMounted(() => {
<button class="login-submit" type="submit" :disabled="isSubmitting">
{{ isSubmitting ? '登录中…' : '登 录' }}
</button>
<p class="login-tip">请使用医院分配的账号登录</p>
<p v-if="passwordChangeRequested" class="login-change-hint" role="status">
登录后将进入修改密码页面
</p>
@@ -355,14 +360,24 @@ onMounted(() => {
opacity: 0.65;
}
.login-tip {
margin: 12px 0 0;
padding: 7px;
color: var(--mut);
.captcha-spinner {
width: 16px;
height: 16px;
border: 2px solid var(--line);
border-top-color: var(--brand);
border-radius: 50%;
animation: captcha-spin 0.7s linear infinite;
}
.captcha-retry {
color: var(--brand);
font-size: 12px;
text-align: center;
background: var(--brand-l);
border-radius: 8px;
}
@keyframes captcha-spin {
to {
transform: rotate(360deg);
}
}
.login-change-hint {