登录页背景图及布局替换

@@ -2,6 +2,7 @@
   <div class="bg">
   <div class="bg">
     <div class="login-inner-bg login">
     <div class="login-inner-bg login">
       <div class="user_style">
       <div class="user_style">
+        <h3>欢迎登录</h3>
         <el-form
         <el-form
           :model="user"
           :model="user"
           :rules="rules"
           :rules="rules"
@@ -82,7 +83,7 @@ export default {
                 //存储token
                 //存储token
                 sessionStorage.setItem("token", `Bearer ${res.content}`);
                 sessionStorage.setItem("token", `Bearer ${res.content}`);
                 //登录成功后需判断有无重定向，没有重定向则跳转首页
                 //登录成功后需判断有无重定向，没有重定向则跳转首页
-                this.$router.replace(this.$route.query.redirect || '/')
+                this.$router.replace(this.$route.query.redirect || "/");
               } else {
               } else {
                 //错误处理
                 //错误处理
               }
               }
@@ -97,25 +98,34 @@ export default {
   components: {},
   components: {},
 };
 };
 </script>
 </script>
-<style scoped>
+<style scoped  lang="scss">
 .bg {
 .bg {
   width: 100%;
   width: 100%;
   height: 100%;
   height: 100%;
-  background: url(../../image/bg.png) no-repeat;
+  background: url(../../image/loginBg.jpg) no-repeat;
   background-size: 100% 100%;
   background-size: 100% 100%;
   overflow: hidden;
   overflow: hidden;
 }
 }
 
 
 .login-inner-bg {
 .login-inner-bg {
-  background: url(../../image/loginInnerBg.png) no-repeat;
-  width: 393px;
-  height: 348px;
-  margin: 35vh auto 0;
+  background: url(../../image/loginBoxBg.png) no-repeat;
+  width: 400px;
+  height: 350px;
+  margin: 35vh 40vw;
   overflow: hidden;
   overflow: hidden;
+  background-size: 100% 100%;
+  box-sizing: border-box;
+  padding: 20px;
 }
 }
 
 
 .login .user_style {
 .login .user_style {
-  margin: 90px 20px 0;
+  margin: 40px 20px 0;
+  h3{
+    color: #fff;
+    font-weight: normal;
+    text-align: center;
+    margin-bottom: 20px;
+  }
 }
 }
 
 
 .login .btn {
 .login .btn {
@@ -141,8 +151,6 @@ export default {
   cursor: pointer !important;
   cursor: pointer !important;
   background-color: #2d8cf0 !important;
   background-color: #2d8cf0 !important;
 }
 }
-</style>
-<style>
 .inputUser .ivu-input {
 .inputUser .ivu-input {
   padding: 6px 24px !important;
   padding: 6px 24px !important;
   border: 1px solid #9f9f9f !important;
   border: 1px solid #9f9f9f !important;
@@ -166,3 +174,5 @@ export default {
   color: #fff;
   color: #fff;
 }
 }
 </style>
 </style>
+<style>
+</style>