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