huangge1199/vue-pro
1
0
Fork 0
mirror of https://gitee.com/huangge1199_admin/vue-pro.git synced 2024-11-23 07:41:53 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: 短信验证码登录不显示获取验证码按钮问题

Browse Source
This commit is contained in:
打听幸福的下落 2023-03-16 21:23:43 +08:00
parent aae6f12832
commit c2748585b1
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
yudao-ui-admin/src/views/login.vue
View File

@ -52,11 +52,12 @@
</el-form-item> </el-form-item>
<el-form-item prop="mobileCode"> <el-form-item prop="mobileCode">
<el-input v-model="loginForm.mobileCode" type="text" auto-complete="off" placeholder="短信验证码" <el-input v-model="loginForm.mobileCode" type="text" auto-complete="off" placeholder="短信验证码"
class="sms-login-mobile-code-prefix"
@keyup.enter.native="handleLogin"> @keyup.enter.native="handleLogin">
<template v-slot="icon"> <template>
<svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon"/> <svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon"/>
</template> </template>
<template v-slot="append"> <template slot="append">
<span v-if="mobileCodeTimer <= 0" class="getMobileCode" @click="getSmsCode" style="cursor: pointer;">获取验证码</span> <span v-if="mobileCodeTimer <= 0" class="getMobileCode" @click="getSmsCode" style="cursor: pointer;">获取验证码</span>
<span v-if="mobileCodeTimer > 0" class="getMobileCode">{{ mobileCodeTimer }}秒后可重新获取</span> <span v-if="mobileCodeTimer > 0" class="getMobileCode">{{ mobileCodeTimer }}秒后可重新获取</span>
</template> </template>
@ -335,4 +336,9 @@ export default {
text-decoration: underline red; text-decoration: underline red;
color: red; color: red;
} }
.sms-login-mobile-code-prefix {
:deep(.el-input__prefix) {
top: 22%;
}
}
</style> </style>