登录页完善

src/views/newLogin.vue

@@ -2,15 +2,14 @@
   <div class="container">
     <div class="login">
       <div class="login-left">背景--</div>
-      <div class="login-right"></div>
-      <!-- <div class="login-form">
+      <div class="login-right">
         <el-form
           ref="loginForm"
           :model="loginForm"
           :rules="loginRules"
           class="login-form"
         >
-          <h3 class="title">博诺思后台管理系统--</h3>
+          <h3 class="title">用户登录</h3>
           <template v-if="loginMethod === 'password'">
             <el-form-item prop="username">
               <el-input
@@ -190,7 +189,7 @@
               <span v-else>登 录 中...</span>
             </el-button>
           </el-form-item>
-          <el-form-item>
+          <!-- <el-form-item>
             <div class="login-divider">第三方登录</div>
             <div class="login-icons">
               <div class="login-icon">
@@ -203,9 +202,9 @@
                 <img :src="qq" alt="QQ" />
               </div>
             </div>
-          </el-form-item>
+          </el-form-item> -->
         </el-form>
-      </div> -->
+      </div>
     </div>
   </div>
 </template>
@@ -503,7 +502,6 @@ export default {
   height: 100%;
   background: linear-gradient(to bottom, #8252fd, #3880fe, #fff);
   // background-image: url("../assets/images/bg.png");
-
   background-size: cover;
 }
 
@@ -536,8 +534,10 @@ export default {
 .login-form {
   border-radius: 6px;
   background: #ffffff;
-  width: 400px;
+  // width: 400px;
   padding: 25px;
+  width: 100%;
+  height: 100%;
 
   .el-input {
     height: 38px;