登录页修改

frontend_web/src/views/system/login/page_college.vue

@@ -5,36 +5,39 @@
         <el-col :span="4">
           &nbsp;
         </el-col>
-        <el-col :span="6">
-          <a href="/"
-             alt="logo">
-            <img src="./image/college_logo.jpg"
+        <el-col :span="2">
+          <a alt="logo">
+            <img src="./image/college_logo.png"
                  style="height:100px">
           </a>
         </el-col>
-        <el-col :span="5">
-          &nbsp;
-        </el-col>
-        <el-col :span="8">
-          <div style="margin-top:20px">
-            <img src="./image/college_title.jpg">
-          </div>
+        <el-col :span="2"
+                style="margin-top:30px">
+          <a href="/">
+            <img src="./image/college_title.png">
+          </a>
         </el-col>
+        <!-- <el-col :span="2">
+          <a href="/">
+            <img src="./image/header_bg.png">
+          </a>
+        </el-col> -->
       </el-row>
     </div>
     <div class="container">
       <el-row>
         <el-col :span="16">
           <div class="leftpadding">
-            <img src="./image/college_bgp.jpg" />
+            <img src="./image/college_bgp.png" />
           </div>
         </el-col>
         <el-col :span="4">
           <el-card class="login-card">
             <el-form ref="loginForm"
                      :model="formLogin"
-                     :rules="rules">
-              <div class="heading">登录</div>
+                     :rules="rules"
+                     style="margin-top:30px">
+              <div class="heading">登录账号</div>
               <div style="margin-top:50px">
                 <i class="icon-username"></i>
                 <el-input type="text"
@@ -58,7 +61,7 @@
                            @click="submit"
                            type="warnning"
                            class="button-login"
-                           style="width:88%;background:#fa9139;color:#FFF">登录</el-button>
+                           style="width:88%;background:#0072bc;color:#FFF">登录</el-button>
               </div>
               <!-- <el-button type="primary" :loading="loading" @click="login()">{{ loading ? '登录中...' : '登录' }}</el-button> -->
             </el-form>
@@ -243,13 +246,13 @@ export default {
 
 .container {
   text-align: center;
-  background: url("./image/college_bg.jpg");
+  background: url("./image/college_bg.png");
   height: calc(100vh - 200px);
   background-size: cover;
 }
 
 .leftpadding {
-  margin-left: 280px;
+  margin-left: 140px;
   margin-top: 130px;
 }
 
@@ -342,9 +345,9 @@ export default {
   font-size: 22px;
 }
 .login-card {
-  width: 300px;
-  height: 373px;
-  margin-top: 130px;
-  margin-left: -100px;
+  width: 350px;
+  height: 490px;
+  margin-top: 129px;
+  margin-left: -47px;
 }
 </style>