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