diff --git a/src/assets/images/login/bglogin_rushan.png b/src/assets/images/login/bglogin_rushan.png new file mode 100644 index 0000000..d8fbd9d Binary files /dev/null and b/src/assets/images/login/bglogin_rushan.png differ diff --git a/src/views/login/components/LoginForm.vue b/src/views/login/components/LoginForm.vue index d0ed268..a95060b 100644 --- a/src/views/login/components/LoginForm.vue +++ b/src/views/login/components/LoginForm.vue @@ -31,8 +31,8 @@ 登录
- 企业注册 - 项目注册 + + 项目注册
diff --git a/src/views/login/index.scss b/src/views/login/index.scss index de96d8b..4a9abdc 100644 --- a/src/views/login/index.scss +++ b/src/views/login/index.scss @@ -1,19 +1,29 @@ +.flx-center { + display: flex; + flex-direction: column; + align-items: flex-start; +} .login-container { height: 100%; min-height: 550px; - background: url("@/assets/images/login/loginBackground.jpg") center center no-repeat; - background-color: #eeeeee; - background-size: 100% 100%; - background-size: cover; + background: url("@/assets/images/login/bglogin_rushan.png") center center no-repeat; + background-size: 100% 65%; + .login-title { + color: #2a314b; + font-weight: 600; + font-size: 22px; + > span { + margin-left: 30px; + } + } .login-box { position: relative; box-sizing: border-box; display: flex; align-items: center; - justify-content: center; + justify-content: flex-end; width: 96%; - height: 94%; - padding: 0 50px; + height: 75%; // background-color: hsl(0deg 0% 100% / 80%); border-radius: 10px; @@ -46,7 +56,7 @@ height: 377px; padding: 50px 40px 45px; background-color: #ffffff; - + margin-right: 120px; // border-radius: 10px; box-shadow: 2px 3px 7px rgb(0 0 0 / 20%); .login-logo { diff --git a/src/views/login/index.vue b/src/views/login/index.vue index a0a5b4d..b1d2f28 100644 --- a/src/views/login/index.vue +++ b/src/views/login/index.vue @@ -1,12 +1,15 @@