|
@@ -11,17 +11,17 @@
|
|
|
<p class="form-title-p">登录</p>
|
|
|
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
|
|
|
<div class="username-input-box" :class="userTypeCode == 1||userTypeCode == 4?'username-input-box-code':''">
|
|
|
- <img src="@/assets/ZDimages/basicsModules/icon_dl_zh.png" alt="">
|
|
|
+ <span class="iconfont icon-zhanghao"></span>
|
|
|
<input type="text" v-model="loginForm.username" placeholder="请输入账号" maxlength="20" @keyup.enter="handleLogin(1)">
|
|
|
</div>
|
|
|
<div class="password-input-box" :class="userTypeCode == 2||userTypeCode == 4?'username-input-box-code':''">
|
|
|
- <img src="@/assets/ZDimages/basicsModules/icon_dl_mm.png" alt="">
|
|
|
+ <span class="iconfont icon-mima"></span>
|
|
|
<input type="password" v-model="loginForm.password" placeholder="请输入密码" maxlength="20" @keyup.enter="handleLogin(1)">
|
|
|
</div>
|
|
|
<p class="text-p">{{text}}</p>
|
|
|
<div class="code-input-box">
|
|
|
<div class="code-input-left-box" :class="userTypeCode == 3||userTypeCode == 5?'username-input-box-code':''">
|
|
|
- <img src="@/assets/ZDimages/basicsModules/icon_dl_yzm.png" alt="">
|
|
|
+ <span class="iconfont icon-yanzhengma"></span>
|
|
|
<input type="text" v-model="loginForm.code" placeholder="请输入验证码" maxlength="4" @keyup.enter="handleLogin(1)">
|
|
|
</div>
|
|
|
<div class="login-code">
|
|
@@ -50,6 +50,7 @@
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
+ <!--<div></div>-->
|
|
|
<!--<div v-if="loginBoxType == 2" class="form-box-one">-->
|
|
|
<!--<div class="form-title-box">-->
|
|
|
<!--<p class="form-title-null"></p>-->
|
|
@@ -60,17 +61,17 @@
|
|
|
<!--<el-form ref="loginForm"v-show="loginType == 1"-->
|
|
|
<!--:model="loginForm" :rules="loginRules" class="login-form-one">-->
|
|
|
<!--<div class="username-input-box" :class="userTypeCode == 1||userTypeCode == 4?'username-input-box-code':''">-->
|
|
|
- <!--<img src="@/assets/ZDimages/basicsModules/icon_dl_zh.png" alt="">-->
|
|
|
+ <!--<span class="iconfont icon-zhanghao"></span>-->
|
|
|
<!--<input type="text" v-model="loginForm.username" placeholder="请输入账号" maxlength="20" @keyup.enter="handleLogin(1)">-->
|
|
|
<!--</div>-->
|
|
|
<!--<div class="password-input-box" :class="userTypeCode == 2||userTypeCode == 4?'username-input-box-code':''">-->
|
|
|
- <!--<img src="@/assets/ZDimages/basicsModules/icon_dl_mm.png" alt="">-->
|
|
|
+ <!--<span class="iconfont icon-mima"></span>-->
|
|
|
<!--<input type="password" v-model="loginForm.password" placeholder="请输入密码" maxlength="20" autocomplete="new-password" @keyup.enter="handleLogin(1)">-->
|
|
|
<!--</div>-->
|
|
|
<!--<p class="text-p">{{text}}</p>-->
|
|
|
<!--<div class="code-input-box">-->
|
|
|
<!--<div class="code-input-left-box" :class="userTypeCode == 3||userTypeCode == 5?'username-input-box-code':''">-->
|
|
|
- <!--<img src="@/assets/ZDimages/basicsModules/icon_dl_yzm.png" alt="">-->
|
|
|
+ <!--<span class="iconfont icon-yanzhengma"></span>-->
|
|
|
<!--<input type="text" v-model="loginForm.code" placeholder="请输入验证码" maxlength="4" @keyup.enter="handleLogin(1)">-->
|
|
|
<!--</div>-->
|
|
|
<!--<div class="login-code">-->
|
|
@@ -101,7 +102,7 @@
|
|
|
<!--<el-form ref="loginFormTwo" v-show="loginType == 2"-->
|
|
|
<!--:model="loginFormTwo" :rules="loginRulesTwo" class="login-form-two">-->
|
|
|
<!--<div class="username-input-box">-->
|
|
|
- <!--<img src="@/assets/ZDimages/basicsModules/user.png" alt="">-->
|
|
|
+ <!--<span class="iconfont icon-shoujihaoma"></span>-->
|
|
|
<!--<p>-->
|
|
|
<!--<span>+86</span>-->
|
|
|
<!--<span>丨</span>-->
|
|
@@ -113,7 +114,7 @@
|
|
|
<!--<p class="text-p">{{textTwo}}</p>-->
|
|
|
<!--<div class="code-input-box">-->
|
|
|
<!--<div class="code-input-left-box">-->
|
|
|
- <!--<img src="@/assets/ZDimages/basicsModules/code.png" alt="">-->
|
|
|
+ <!--<span class="iconfont icon-yanzhengma"></span>-->
|
|
|
<!--<input type="text" v-model="loginFormTwo.password" placeholder="请输入验证码"-->
|
|
|
<!--onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"-->
|
|
|
<!--maxlength="6">-->
|
|
@@ -703,10 +704,12 @@ export default {
|
|
|
margin: 40px auto 32px;
|
|
|
display: flex;
|
|
|
overflow: hidden;
|
|
|
- img{
|
|
|
- height:20px;
|
|
|
- width:20px;
|
|
|
- margin:20px;
|
|
|
+ .iconfont{
|
|
|
+ height:26px;
|
|
|
+ width:26px;
|
|
|
+ margin:16px;
|
|
|
+ font-size:26px;
|
|
|
+ color:#fff;
|
|
|
}
|
|
|
input:-webkit-autofill {
|
|
|
-webkit-box-shadow : 0 0 0 1000px rgba(1,25,67,1) inset !important;
|
|
@@ -737,10 +740,12 @@ export default {
|
|
|
margin: 0 auto;
|
|
|
display: flex;
|
|
|
overflow: hidden;
|
|
|
- img{
|
|
|
- height:20px;
|
|
|
- width:20px;
|
|
|
- margin:20px;
|
|
|
+ .iconfont{
|
|
|
+ height:22px;
|
|
|
+ width:22px;
|
|
|
+ margin:18px;
|
|
|
+ font-size:22px;
|
|
|
+ color:#fff;
|
|
|
}
|
|
|
input:-webkit-autofill {
|
|
|
-webkit-box-shadow : 0 0 0 1000px rgba(1,25,67,1) inset !important;
|
|
@@ -784,10 +789,12 @@ export default {
|
|
|
background: rgba(0, 13, 41, 0.2);
|
|
|
display: flex;
|
|
|
overflow: hidden;
|
|
|
- img{
|
|
|
- height:20px;
|
|
|
- width:20px;
|
|
|
- margin:20px;
|
|
|
+ .iconfont{
|
|
|
+ height:24px;
|
|
|
+ width:24px;
|
|
|
+ margin:16px;
|
|
|
+ font-size:24px;
|
|
|
+ color:#fff;
|
|
|
}
|
|
|
input:-webkit-autofill {
|
|
|
-webkit-box-shadow: 0 0 0 1000px white inset !important;
|
|
@@ -882,10 +889,12 @@ export default {
|
|
|
margin: 40px auto 32px;
|
|
|
display: flex;
|
|
|
overflow: hidden;
|
|
|
- img{
|
|
|
- height:20px;
|
|
|
- width:20px;
|
|
|
- margin:20px;
|
|
|
+ .iconfont{
|
|
|
+ height:26px;
|
|
|
+ width:26px;
|
|
|
+ margin:16px;
|
|
|
+ font-size:26px;
|
|
|
+ color:#fff;
|
|
|
}
|
|
|
input:-webkit-autofill {
|
|
|
//input 背景色 #0C2034根据自己需要替换
|
|
@@ -918,10 +927,12 @@ export default {
|
|
|
margin: 0 auto;
|
|
|
display: flex;
|
|
|
overflow: hidden;
|
|
|
- img{
|
|
|
- height:20px;
|
|
|
- width:20px;
|
|
|
- margin:20px;
|
|
|
+ .iconfont{
|
|
|
+ height:22px;
|
|
|
+ width:22px;
|
|
|
+ margin:18px;
|
|
|
+ font-size:22px;
|
|
|
+ color:#fff;
|
|
|
}
|
|
|
input:-webkit-autofill {
|
|
|
//input 背景色 #0C2034根据自己需要替换
|
|
@@ -967,10 +978,12 @@ export default {
|
|
|
background: rgba(0, 13, 41, 0.2);
|
|
|
display: flex;
|
|
|
overflow: hidden;
|
|
|
- img{
|
|
|
- height:20px;
|
|
|
- width:20px;
|
|
|
- margin:20px;
|
|
|
+ .iconfont{
|
|
|
+ height:24px;
|
|
|
+ width:24px;
|
|
|
+ margin:16px;
|
|
|
+ font-size:24px;
|
|
|
+ color:#fff;
|
|
|
}
|
|
|
input:-webkit-autofill {
|
|
|
-webkit-box-shadow: 0 0 0 1000px white inset !important;
|
|
@@ -1025,10 +1038,12 @@ export default {
|
|
|
margin: 70px auto 0;
|
|
|
display: flex;
|
|
|
overflow: hidden;
|
|
|
- img{
|
|
|
- height:20px;
|
|
|
- width:20px;
|
|
|
- margin:19px 30px 19px 20px;
|
|
|
+ .iconfont{
|
|
|
+ height:24px;
|
|
|
+ width:24px;
|
|
|
+ margin:16px 30px 19px 20px;
|
|
|
+ font-size:24px;
|
|
|
+ color:#fff;
|
|
|
}
|
|
|
p{
|
|
|
color: #999999;
|
|
@@ -1089,6 +1104,13 @@ export default {
|
|
|
width:20px;
|
|
|
margin:19px 30px 19px 20px;
|
|
|
}
|
|
|
+ .iconfont{
|
|
|
+ height:24px;
|
|
|
+ width:24px;
|
|
|
+ margin:16px 30px 19px 20px;
|
|
|
+ font-size:24px;
|
|
|
+ color:#fff;
|
|
|
+ }
|
|
|
input:-webkit-autofill {
|
|
|
-webkit-box-shadow: 0 0 0 1000px white inset !important;
|
|
|
}
|