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>
<div v-if="captcha" class="login-field login-captcha"> <div class="login-field login-captcha">
<label for="login-captcha">验证码</label> <label for="login-captcha">验证码</label>
<div class="captcha-row"> <div class="captcha-row">
<input <input
@@ -175,7 +175,13 @@ onMounted(() => {
aria-label="刷新验证码" aria-label="刷新验证码"
@click="loadCaptcha" @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> </button>
</div> </div>
</div> </div>
@@ -185,7 +191,6 @@ onMounted(() => {
<button class="login-submit" type="submit" :disabled="isSubmitting"> <button class="login-submit" type="submit" :disabled="isSubmitting">
{{ isSubmitting ? '登录中…' : '登 录' }} {{ isSubmitting ? '登录中…' : '登 录' }}
</button> </button>
<p class="login-tip">请使用医院分配的账号登录</p>
<p v-if="passwordChangeRequested" class="login-change-hint" role="status"> <p v-if="passwordChangeRequested" class="login-change-hint" role="status">
登录后将进入修改密码页面 登录后将进入修改密码页面
</p> </p>
@@ -355,14 +360,24 @@ onMounted(() => {
opacity: 0.65; opacity: 0.65;
} }
.login-tip { .captcha-spinner {
margin: 12px 0 0; width: 16px;
padding: 7px; height: 16px;
color: var(--mut); 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; font-size: 12px;
text-align: center; }
background: var(--brand-l);
border-radius: 8px; @keyframes captcha-spin {
to {
transform: rotate(360deg);
}
} }
.login-change-hint { .login-change-hint {