|
@@ -13,12 +13,12 @@
|
|
|
<el-tab-pane label="验证码登录" name="login_shortMessage">
|
|
<el-tab-pane label="验证码登录" name="login_shortMessage">
|
|
|
<el-form-item prop="phone">
|
|
<el-form-item prop="phone">
|
|
|
<el-input v-model="loginForm.phone" type="text" auto-complete="off" placeholder="手机号">
|
|
<el-input v-model="loginForm.phone" type="text" auto-complete="off" placeholder="手机号">
|
|
|
- <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
|
|
|
|
|
|
|
+ <img slot="prefix" class="zap-login__icon" src="../assets/images/register/icon_mobile.png" alt="">
|
|
|
</el-input>
|
|
</el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item prop="cade">
|
|
<el-form-item prop="cade">
|
|
|
<el-input v-model="loginForm.shortMessageCode" type="text" maxlength="" auto-complete="off" placeholder="请输入验证码" class="login-code-msg" id="">
|
|
<el-input v-model="loginForm.shortMessageCode" type="text" maxlength="" auto-complete="off" placeholder="请输入验证码" class="login-code-msg" id="">
|
|
|
- <svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
|
|
|
|
|
|
|
+ <img slot="prefix" class="zap-login__icon" src="../assets/images/register/icon_verify.png" alt="">
|
|
|
<el-button class="zap-code-button" slot="suffix" @click="sendMessage" :disabled="sendShortMessageBtn">{{codeBtnWord}}</el-button>
|
|
<el-button class="zap-code-button" slot="suffix" @click="sendMessage" :disabled="sendShortMessageBtn">{{codeBtnWord}}</el-button>
|
|
|
</el-input>
|
|
</el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
@@ -41,17 +41,17 @@
|
|
|
<el-tab-pane label="密码登录" name="login_password">
|
|
<el-tab-pane label="密码登录" name="login_password">
|
|
|
<el-form-item prop="username">
|
|
<el-form-item prop="username">
|
|
|
<el-input v-model="loginForm.username" type="text" auto-complete="off" placeholder="账号">
|
|
<el-input v-model="loginForm.username" type="text" auto-complete="off" placeholder="账号">
|
|
|
- <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
|
|
|
|
|
|
|
+ <img slot="prefix" class="zap-login__icon" src="../assets/images/login/icon_account.png" alt="">
|
|
|
</el-input>
|
|
</el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item prop="password">
|
|
<el-form-item prop="password">
|
|
|
<el-input v-model="loginForm.password" type="password" auto-complete="off" placeholder="密码" @keyup.enter.native="handleLogin">
|
|
<el-input v-model="loginForm.password" type="password" auto-complete="off" placeholder="密码" @keyup.enter.native="handleLogin">
|
|
|
- <svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />
|
|
|
|
|
|
|
+ <img slot="prefix" class="zap-login__icon" src="../assets/images/login/icon_pwd.png" alt="">
|
|
|
</el-input>
|
|
</el-input>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item prop="code">
|
|
<el-form-item prop="code">
|
|
|
<el-input v-model="loginForm.code" auto-complete="off" placeholder="验证码" @keyup.enter.native="handleLogin">
|
|
<el-input v-model="loginForm.code" auto-complete="off" placeholder="验证码" @keyup.enter.native="handleLogin">
|
|
|
- <svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
|
|
|
|
|
|
|
+ <img slot="prefix" class="zap-login__icon" src="../assets/images/login/icon_verify.png" alt="">
|
|
|
</el-input>
|
|
</el-input>
|
|
|
<div class="login-code">
|
|
<div class="login-code">
|
|
|
<img :src="codeUrl" @click="getCode" class="login-code-img" />
|
|
<img :src="codeUrl" @click="getCode" class="login-code-img" />
|
|
@@ -60,7 +60,7 @@
|
|
|
<el-form-item style="width:100%;margin-bottom: 0;" >
|
|
<el-form-item style="width:100%;margin-bottom: 0;" >
|
|
|
<el-row type="flex" justify="space-between" style="width: 100%;">
|
|
<el-row type="flex" justify="space-between" style="width: 100%;">
|
|
|
<el-checkbox v-model="loginForm.rememberMe">自动登录</el-checkbox>
|
|
<el-checkbox v-model="loginForm.rememberMe">自动登录</el-checkbox>
|
|
|
- <el-link href="/forgetUser" style="color: #389cf4;">忘记密码?</el-link>
|
|
|
|
|
|
|
+ <el-link href="/forgetUser" style="color: #4280F2;">忘记密码?</el-link>
|
|
|
</el-row>
|
|
</el-row>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
<el-form-item style="width:100%;">
|
|
<el-form-item style="width:100%;">
|
|
@@ -69,7 +69,7 @@
|
|
|
<span v-else>登 录 中...</span>
|
|
<span v-else>登 录 中...</span>
|
|
|
</el-button>
|
|
</el-button>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-link style="margin-right:50px; font-size: 16px;margin-bottom: 30px;color: #389cf4;" href="/registerUser">还没账号?立即注册</el-link>
|
|
|
|
|
|
|
+ <el-link style="margin-right:50px; font-size: 16px;margin-bottom: 30px;color: #4280F2;" href="/registerUser">还没账号?立即注册</el-link>
|
|
|
<el-form-item>
|
|
<el-form-item>
|
|
|
<div class="zap-agreement">
|
|
<div class="zap-agreement">
|
|
|
<span class="zap-agreement__text">登录视为同意并遵守</span>
|
|
<span class="zap-agreement__text">登录视为同意并遵守</span>
|