跟新登录样式

src/views/login.vue

@@ -166,10 +166,12 @@ getCookie()
 <style lang='scss' scoped>
 .login {
   display: flex;
-  justify-content: center;
+  justify-content: right;
   align-items: center;
+  padding-right: 50px;
+  //padding: 0 40px 240px 0;
   height: 100%;
-  background-image: url("../assets/images/login-background.jpg");
+  background-image: url("../assets/images/login-background.png");
   background-size: cover;
 }
 .title {
@@ -180,7 +182,7 @@ getCookie()
 
 .login-form {
   border-radius: 6px;
-  background: #ffffff;
+  background: rgba(255,255,255,.8);
   width: 400px;
   padding: 25px 25px 5px 25px;
   z-index: 1;

src/views/register.vue

@@ -3,11 +3,11 @@
     <el-form ref="registerRef" :model="registerForm" :rules="registerRules" class="register-form">
       <h3 class="title">{{ title }}</h3>
       <el-form-item prop="username">
-        <el-input 
-          v-model="registerForm.username" 
-          type="text" 
-          size="large" 
-          auto-complete="off" 
+        <el-input
+          v-model="registerForm.username"
+          type="text"
+          size="large"
+          auto-complete="off"
           placeholder="账号"
         >
           <template #prefix><svg-icon icon-class="user" class="el-input__icon input-icon" /></template>
@@ -161,7 +161,7 @@ getCode()
   justify-content: center;
   align-items: center;
   height: 100%;
-  background-image: url("../assets/images/login-background.jpg");
+  background-image: url("../assets/images/login-background.png");
   background-size: cover;
 }
 .title {