|
|
@@ -71,7 +71,11 @@
|
|
|
<div @keyup.enter="loginPhone">
|
|
|
<el-form-item prop="code" :rules="{ required: true, message: '请输入', trigger: 'blur' }">
|
|
|
<span class="icon">
|
|
|
- <img src="../assets/login_icon_yanzhengma@3x (1).png" alt="" class="verification_code_img" />
|
|
|
+ <img
|
|
|
+ src="../assets/login_icon_yanzhengma@3x (1).png"
|
|
|
+ alt=""
|
|
|
+ class="verification_code_img"
|
|
|
+ />
|
|
|
</span>
|
|
|
<div>
|
|
|
<el-input
|
|
|
@@ -82,7 +86,7 @@
|
|
|
>
|
|
|
<el-link
|
|
|
@click="send"
|
|
|
- :class="time === 0 ?'code':'code2'"
|
|
|
+ :class="time === 0 ? 'code' : 'code2'"
|
|
|
type="primary"
|
|
|
:underline="false"
|
|
|
slot="suffix"
|
|
|
@@ -100,7 +104,12 @@
|
|
|
<div class="btn_two" @click="registeredAccount">注册账号</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <img src="../assets/icon/close@3x (1).png" alt="" @click="$router.replace('/')" class="container_login_con_return">
|
|
|
+ <img
|
|
|
+ src="../assets/icon/close@3x (1).png"
|
|
|
+ alt=""
|
|
|
+ @click="$router.replace('/')"
|
|
|
+ class="container_login_con_return"
|
|
|
+ />
|
|
|
</div>
|
|
|
<el-image
|
|
|
fit="cover"
|
|
|
@@ -133,7 +142,7 @@ export default {
|
|
|
]
|
|
|
};
|
|
|
},
|
|
|
- mounted(){
|
|
|
+ mounted() {
|
|
|
// this.active = this.$route.query.type
|
|
|
},
|
|
|
components: {},
|
|
|
@@ -142,7 +151,7 @@ export default {
|
|
|
this.$router.push({
|
|
|
path: '/register',
|
|
|
query: {
|
|
|
- type: 2,
|
|
|
+ type: 2
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
@@ -150,7 +159,7 @@ export default {
|
|
|
this.$router.push({
|
|
|
path: '/register',
|
|
|
query: {
|
|
|
- type: 1,
|
|
|
+ type: 1
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
@@ -244,19 +253,25 @@ export default {
|
|
|
background-image: url('../assets/png-denglu-bg@3x.png');
|
|
|
background-size: 100% 100%;
|
|
|
background-repeat: no-repeat;
|
|
|
+ padding: 0 260px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ overflow-y: auto;
|
|
|
+ display: flex;
|
|
|
.container_login {
|
|
|
- width: 1850px;
|
|
|
+ align-items: center;
|
|
|
+ width: 100%;
|
|
|
margin: 0 auto;
|
|
|
- margin-top: 20vh !important;
|
|
|
+ // margin-top: 20vh !important;
|
|
|
display: flex;
|
|
|
position: relative;
|
|
|
.container_login_con {
|
|
|
+ align-items: center;
|
|
|
position: absolute;
|
|
|
left: 0;
|
|
|
- top: 0;
|
|
|
+ // top: 0;
|
|
|
width: 450px;
|
|
|
- height: 800px;
|
|
|
- background: rgba(255,255,255,0.8);
|
|
|
+ height: 600px;
|
|
|
+ background: rgba(255, 255, 255, 0.8);
|
|
|
border-radius: 8px 0px 0px 8px;
|
|
|
backdrop-filter: blur(20px);
|
|
|
z-index: 1;
|
|
|
@@ -265,13 +280,13 @@ export default {
|
|
|
margin-top: 30px;
|
|
|
width: 150px;
|
|
|
height: 50px;
|
|
|
- margin-bottom: 90px;
|
|
|
+ margin-bottom: 35px;
|
|
|
}
|
|
|
.container_login_con_tips {
|
|
|
padding: 0px 79px;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
- margin-bottom: 50px;
|
|
|
+ margin-bottom: 40px;
|
|
|
.container_login_con_tips_con {
|
|
|
font-size: 24px;
|
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
|
@@ -296,15 +311,15 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- .container_login_con_return{
|
|
|
+ .container_login_con_return {
|
|
|
margin-left: 206px;
|
|
|
- margin-top: 157px;
|
|
|
+ margin-top: 60px;
|
|
|
width: 38px;
|
|
|
height: 38px;
|
|
|
}
|
|
|
.container_login_img {
|
|
|
- width: 1850px;
|
|
|
- height: 800px;
|
|
|
+ width: 100%;
|
|
|
+ height: 600px;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -350,11 +365,11 @@ export default {
|
|
|
}
|
|
|
/deep/ .el-form-item__content {
|
|
|
display: flex;
|
|
|
- border-bottom: solid 1px #DDDEE0 ;
|
|
|
+ border-bottom: solid 1px #dddee0;
|
|
|
}
|
|
|
/deep/ .el-input__inner {
|
|
|
border: none;
|
|
|
- background: rgba(255,255,255,0) !important;
|
|
|
+ background: rgba(255, 255, 255, 0) !important;
|
|
|
}
|
|
|
.el-icon-user {
|
|
|
font-size: 24px;
|
|
|
@@ -407,8 +422,8 @@ export default {
|
|
|
margin-top: 8px;
|
|
|
}
|
|
|
/deep/ .el-link--primary {
|
|
|
- color: #ffffff !important;
|
|
|
- }
|
|
|
+ color: #ffffff !important;
|
|
|
+}
|
|
|
.code {
|
|
|
width: 100px;
|
|
|
height: 34px;
|
|
|
@@ -423,7 +438,7 @@ export default {
|
|
|
.code2 {
|
|
|
width: 100px;
|
|
|
height: 34px;
|
|
|
- background: #01A041;
|
|
|
+ background: #01a041;
|
|
|
border-radius: 4px;
|
|
|
font-size: 13px;
|
|
|
font-weight: 400;
|