|
@@ -1,14 +1,13 @@
|
|
|
<template>
|
|
<template>
|
|
|
<div class="login">
|
|
<div class="login">
|
|
|
|
|
+ <div style="height:50px;"></div>
|
|
|
<!-- 顶部logo -->
|
|
<!-- 顶部logo -->
|
|
|
- <div class="top-content">
|
|
|
|
|
- <div class="logo-box">
|
|
|
|
|
- <img
|
|
|
|
|
- src="../assets/images/logo1.png"
|
|
|
|
|
- @click="$router.push('/')"
|
|
|
|
|
- />
|
|
|
|
|
- <div>修改密码</div>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ <div class="logo-box">
|
|
|
|
|
+ <img
|
|
|
|
|
+ :src="logoImg" width='150'
|
|
|
|
|
+ @click="$router.push('/')"
|
|
|
|
|
+ />
|
|
|
|
|
+ <div>修改密码</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="login-container">
|
|
<div class="login-container">
|
|
|
<!-- 验证手机号 -->
|
|
<!-- 验证手机号 -->
|
|
@@ -119,6 +118,7 @@ export default {
|
|
|
components: { Verify },
|
|
components: { Verify },
|
|
|
data () {
|
|
data () {
|
|
|
return {
|
|
return {
|
|
|
|
|
+ logoImg: '', // logo图
|
|
|
loading: false, // 加载状态
|
|
loading: false, // 加载状态
|
|
|
loading1: false, // 第二步加载状态
|
|
loading1: false, // 第二步加载状态
|
|
|
formFirst: { // 手机验证码表单
|
|
formFirst: { // 手机验证码表单
|
|
@@ -242,34 +242,22 @@ export default {
|
|
|
},
|
|
},
|
|
|
mounted () {
|
|
mounted () {
|
|
|
this.$refs.formFirst.resetFields();
|
|
this.$refs.formFirst.resetFields();
|
|
|
|
|
+ this.logoImg = this.Cookies.getItem('logo')
|
|
|
},
|
|
},
|
|
|
watch: {
|
|
watch: {
|
|
|
}
|
|
}
|
|
|
};
|
|
};
|
|
|
</script>
|
|
</script>
|
|
|
<style scoped lang="scss">
|
|
<style scoped lang="scss">
|
|
|
-.login {
|
|
|
|
|
- height: 100%;
|
|
|
|
|
-}
|
|
|
|
|
-.top-content {
|
|
|
|
|
- width: 100%;
|
|
|
|
|
|
|
+.logo-box {
|
|
|
|
|
+ width: 600px;
|
|
|
height: 80px;
|
|
height: 80px;
|
|
|
- position: relative;
|
|
|
|
|
- z-index: 1;
|
|
|
|
|
- box-shadow: 0 1px 1px #ddd;
|
|
|
|
|
- background-color: #fff;
|
|
|
|
|
-
|
|
|
|
|
- .logo-box {
|
|
|
|
|
- width: 80%;
|
|
|
|
|
- max-width: 1200px;
|
|
|
|
|
- height: 80px;
|
|
|
|
|
- margin: 0 auto;
|
|
|
|
|
- display: flex;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- img {
|
|
|
|
|
- width: 200px;
|
|
|
|
|
- cursor: pointer;
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ margin: 0 auto;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ img {
|
|
|
|
|
+ width: 150px;
|
|
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
}
|
|
|
div {
|
|
div {
|
|
|
font-size: 20px;
|
|
font-size: 20px;
|
|
@@ -278,22 +266,23 @@ export default {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.login-container {
|
|
.login-container {
|
|
|
|
|
+ border-top: 2px solid $theme_color;
|
|
|
position: relative;
|
|
position: relative;
|
|
|
- margin: 10px auto;
|
|
|
|
|
|
|
+ margin: 0 auto;
|
|
|
width: 600px;
|
|
width: 600px;
|
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
|
- padding: 20px;
|
|
|
|
|
|
|
+ padding: 20px 150px;
|
|
|
.login-btn{
|
|
.login-btn{
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
right: 20px;
|
|
right: 20px;
|
|
|
- top: 20px;
|
|
|
|
|
|
|
+ top: -45px;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.verify-con{
|
|
.verify-con{
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
- left: 400px;
|
|
|
|
|
- top: 50px;
|
|
|
|
|
|
|
+ left: 140px;
|
|
|
|
|
+ top: -30px;
|
|
|
z-index: 10;
|
|
z-index: 10;
|
|
|
}
|
|
}
|
|
|
|
|
|