fix(auth): 优化登录验证码展示并移除多余提示文案
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user