代码优化
This commit is contained in:
parent
1607c537e4
commit
9f9e979cb9
|
|
@ -21,10 +21,10 @@
|
|||
v-if="activeName == 'account'"
|
||||
>
|
||||
<el-input
|
||||
v-model="loginForm.username"
|
||||
type="text"
|
||||
auto-complete="off"
|
||||
placeholder="账号"
|
||||
auto-complete="off"
|
||||
v-model="loginForm.username"
|
||||
>
|
||||
<svg-icon
|
||||
slot="prefix"
|
||||
|
|
@ -38,11 +38,11 @@
|
|||
v-if="activeName == 'account'"
|
||||
>
|
||||
<el-input
|
||||
v-model="loginForm.password"
|
||||
type="password"
|
||||
auto-complete="off"
|
||||
placeholder="密码"
|
||||
show-password
|
||||
type="password"
|
||||
placeholder="密码"
|
||||
auto-complete="off"
|
||||
v-model="loginForm.password"
|
||||
@keyup.enter.native="handleLogin"
|
||||
>
|
||||
<svg-icon
|
||||
|
|
@ -58,10 +58,10 @@
|
|||
class="code-box"
|
||||
>
|
||||
<el-input
|
||||
v-model="loginForm.code"
|
||||
style="width: 65%"
|
||||
auto-complete="off"
|
||||
placeholder="图形验证码"
|
||||
style="width: 65%"
|
||||
v-model="loginForm.code"
|
||||
@keyup.enter.native="handleLogin"
|
||||
>
|
||||
<svg-icon
|
||||
|
|
@ -83,9 +83,9 @@
|
|||
v-if="activeName == 'account'"
|
||||
>
|
||||
<el-button
|
||||
:loading="loading"
|
||||
size="medium"
|
||||
type="primary"
|
||||
:loading="loading"
|
||||
style="width: 100%"
|
||||
@click.native.prevent="handleLogin"
|
||||
>
|
||||
|
|
@ -102,12 +102,12 @@
|
|||
|
||||
<el-form-item prop="phone" v-if="activeName == 'phone'">
|
||||
<el-input
|
||||
v-model="loginForm.phone"
|
||||
type="text"
|
||||
:readonly="readonlyFlag"
|
||||
@focus="handleInputClick"
|
||||
auto-complete="off"
|
||||
placeholder="手机号"
|
||||
v-model="loginForm.phone"
|
||||
:readonly="readonlyFlag"
|
||||
@focus="handleInputClick"
|
||||
>
|
||||
<svg-icon
|
||||
slot="prefix"
|
||||
|
|
@ -122,10 +122,10 @@
|
|||
class="code-box"
|
||||
>
|
||||
<el-input
|
||||
v-model="loginForm.textCode"
|
||||
style="width: 65%"
|
||||
auto-complete="off"
|
||||
placeholder="短信验证码"
|
||||
style="width: 65%"
|
||||
v-model="loginForm.textCode"
|
||||
>
|
||||
<svg-icon
|
||||
slot="prefix"
|
||||
|
|
@ -136,25 +136,25 @@
|
|||
<div class="login-code">
|
||||
<!-- <div class="login-code-img" style="border: 1px solid rgb(220, 223, 230);" @click="getTextCode">获取验证码</div> -->
|
||||
<div
|
||||
class="login-code-img"
|
||||
style="border: 1px solid rgb(220, 223, 230)"
|
||||
v-show="show === 1"
|
||||
@click="getTextCode"
|
||||
class="login-code-img"
|
||||
style="border: 1px solid rgb(220, 223, 230)"
|
||||
>
|
||||
获取验证码
|
||||
</div>
|
||||
<div
|
||||
v-show="show === 2"
|
||||
class="login-code-img"
|
||||
style="border: 1px solid rgb(220, 223, 230)"
|
||||
v-show="show === 2"
|
||||
>
|
||||
{{ count }} s
|
||||
</div>
|
||||
<div
|
||||
class="login-code-img"
|
||||
style="border: 1px solid rgb(220, 223, 230)"
|
||||
v-show="show === 3"
|
||||
@click="getTextCode"
|
||||
class="login-code-img"
|
||||
style="border: 1px solid rgb(220, 223, 230)"
|
||||
>
|
||||
重发
|
||||
</div>
|
||||
|
|
@ -165,9 +165,9 @@
|
|||
v-if="activeName == 'phone'"
|
||||
>
|
||||
<el-button
|
||||
:loading="loading"
|
||||
size="medium"
|
||||
type="primary"
|
||||
:loading="loading"
|
||||
style="width: 100%"
|
||||
@click.native.prevent="textLogin"
|
||||
>
|
||||
|
|
|
|||
Loading…
Reference in New Issue