|
|
@ -22,18 +22,13 @@ |
|
|
|
<el-form :model="param" :rules="rules" ref="param" label-width="0px" class="login_form"> |
|
|
|
<el-form :model="param" :rules="rules" ref="param" label-width="0px" class="login_form"> |
|
|
|
<el-form-item prop="username"> |
|
|
|
<el-form-item prop="username"> |
|
|
|
<p>用户名</p> |
|
|
|
<p>用户名</p> |
|
|
|
<el-input v-model="param.username" placeholder="请输入账号/手机号" maxlength="11" @keyup.enter.native="nextInput($event)"></el-input> |
|
|
|
<el-input v-model="param.username" placeholder="请输入账号/手机号" maxlength="11" |
|
|
|
|
|
|
|
@keyup.enter.native="nextInput($event)"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="password" class="item_password"> |
|
|
|
<el-form-item prop="password" class="item_password"> |
|
|
|
<p>密码</p> |
|
|
|
<p>密码</p> |
|
|
|
<el-input |
|
|
|
<el-input type="password" maxlength="20" ref="password" placeholder="请输入账号密码" v-model="param.password" |
|
|
|
type="password" |
|
|
|
@keyup.enter.native="submitForm('param')"></el-input> |
|
|
|
maxlength="20" |
|
|
|
|
|
|
|
ref="password" |
|
|
|
|
|
|
|
placeholder="请输入账号密码" |
|
|
|
|
|
|
|
v-model="param.password" |
|
|
|
|
|
|
|
@keyup.enter.native="submitForm('param')" |
|
|
|
|
|
|
|
></el-input> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<div class="login-btn"> |
|
|
|
<div class="login-btn"> |
|
|
|
<el-button v-preventReClick type="primary" round @click="submitForm('param')">马上登录</el-button> |
|
|
|
<el-button v-preventReClick type="primary" round @click="submitForm('param')">马上登录</el-button> |
|
|
@ -228,15 +223,17 @@ export default { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
height: 100%; |
|
|
|
color: #00B9FF; |
|
|
|
color: #00B9FF; |
|
|
|
|
|
|
|
|
|
|
|
.homeback { |
|
|
|
.homeback { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
height: 100%; |
|
|
|
overflow: hidden; |
|
|
|
overflow: hidden; |
|
|
|
// background: url('../../assets/img/login-bg-1.jpg'); |
|
|
|
background: url('../../assets/img/login-bg-1.jpg'); |
|
|
|
background: url('https://www.feifanhitech.com/enclosureFile/3d7ad5b15d0141eelogin-bg-1.jpg'); |
|
|
|
// background: url('https://www.feifanhitech.com/enclosureFile/3d7ad5b15d0141eelogin-bg-1.jpg'); |
|
|
|
// background: url('https://www.huorantech.cn/enclosureFile/96664d5774e54494login-bg-1.jpg'); |
|
|
|
// background: url('https://www.huorantech.cn/enclosureFile/96664d5774e54494login-bg-1.jpg'); |
|
|
|
background-size: 100% 100%; |
|
|
|
background-size: 100% 100%; |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
|
|
|
|
|
|
|
|
.homeHeader { |
|
|
|
.homeHeader { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
height: 60px; |
|
|
|
height: 60px; |
|
|
@ -244,8 +241,10 @@ export default { |
|
|
|
top: 0; |
|
|
|
top: 0; |
|
|
|
left: 0; |
|
|
|
left: 0; |
|
|
|
color: #fff; |
|
|
|
color: #fff; |
|
|
|
|
|
|
|
|
|
|
|
.logo { |
|
|
|
.logo { |
|
|
|
margin-left: 140px; |
|
|
|
margin-left: 140px; |
|
|
|
|
|
|
|
|
|
|
|
img { |
|
|
|
img { |
|
|
|
// 大庆待恢复 |
|
|
|
// 大庆待恢复 |
|
|
|
// width: 45px; |
|
|
|
// width: 45px; |
|
|
@ -253,11 +252,13 @@ export default { |
|
|
|
margin-right: 9px; |
|
|
|
margin-right: 9px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.aboutUs { |
|
|
|
.aboutUs { |
|
|
|
margin-right: 140px; |
|
|
|
margin-right: 140px; |
|
|
|
cursor: pointer; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.Login_view { |
|
|
|
.Login_view { |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
left: 50%; |
|
|
|
left: 50%; |
|
|
@ -267,32 +268,40 @@ export default { |
|
|
|
border-radius: 20px; |
|
|
|
border-radius: 20px; |
|
|
|
width: 812px; |
|
|
|
width: 812px; |
|
|
|
padding: 52px 0; |
|
|
|
padding: 52px 0; |
|
|
|
|
|
|
|
|
|
|
|
.login_title { |
|
|
|
.login_title { |
|
|
|
span { |
|
|
|
span { |
|
|
|
font-size: 26px; |
|
|
|
font-size: 26px; |
|
|
|
margin-left: 146px; |
|
|
|
margin-left: 146px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
i { |
|
|
|
i { |
|
|
|
margin-right: 50px; |
|
|
|
margin-right: 50px; |
|
|
|
color: #666; |
|
|
|
color: #666; |
|
|
|
font-size: 20px; |
|
|
|
font-size: 20px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.login_form { |
|
|
|
.login_form { |
|
|
|
margin: 60px 146px 0 146px; |
|
|
|
margin: 60px 146px 0 146px; |
|
|
|
|
|
|
|
|
|
|
|
p { |
|
|
|
p { |
|
|
|
margin-bottom: 10px; |
|
|
|
margin-bottom: 10px; |
|
|
|
font-size: 14px; |
|
|
|
font-size: 14px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.item_password { |
|
|
|
.item_password { |
|
|
|
margin-top: 40px; |
|
|
|
margin-top: 40px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.login-btn { |
|
|
|
.login-btn { |
|
|
|
margin-top: 70px; |
|
|
|
margin-top: 70px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.forget_view { |
|
|
|
.forget_view { |
|
|
|
font-size: 14px; |
|
|
|
font-size: 14px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.login-wechat { |
|
|
|
.login-wechat { |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
color: #00B9FF; |
|
|
|
color: #00B9FF; |
|
|
@ -307,23 +316,28 @@ export default { |
|
|
|
.login_form /deep/ .el-form-item { |
|
|
|
.login_form /deep/ .el-form-item { |
|
|
|
margin-bottom: 0; |
|
|
|
margin-bottom: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.login_form /deep/ .el-input__inner { |
|
|
|
.login_form /deep/ .el-input__inner { |
|
|
|
background-color: #f5f5f5; |
|
|
|
background-color: #f5f5f5; |
|
|
|
height: 46px; |
|
|
|
height: 46px; |
|
|
|
line-height: 46px; |
|
|
|
line-height: 46px; |
|
|
|
border: none; |
|
|
|
border: none; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.login-btn /deep/ .el-button { |
|
|
|
.login-btn /deep/ .el-button { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
// border-radius: 23px; |
|
|
|
// border-radius: 23px; |
|
|
|
height: 46px; |
|
|
|
height: 46px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.forget_view /deep/ .el-button--text { |
|
|
|
.forget_view /deep/ .el-button--text { |
|
|
|
color: #FF9784; |
|
|
|
color: #FF9784; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.forget_view /deep/ .el-button--text:hover { |
|
|
|
.forget_view /deep/ .el-button--text:hover { |
|
|
|
text-decoration: underline; |
|
|
|
text-decoration: underline; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.wechat-btn /deep/ .el-button { |
|
|
|
.wechat-btn /deep/ .el-button { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
// border-radius: 23px; |
|
|
|
// border-radius: 23px; |
|
|
@ -333,6 +347,7 @@ export default { |
|
|
|
color: #666; |
|
|
|
color: #666; |
|
|
|
margin-top: 20px; |
|
|
|
margin-top: 20px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.ff-icon { |
|
|
|
.ff-icon { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
} |
|
|
|