提交

src/view/login.vue

@@ -4,7 +4,7 @@
       <img
         src="https://dangjian-web.oss-cn-chengdu.aliyuncs.com/img/logo.png"
         width="280"
-        style="margin: 0 auto; display: block; margin-bottom: 130px"
+        style="margin: 0 auto; display: block; margin-bottom: 35px"
       />
       <div class="loginTitle">用 户 登 录</div>
       <el-form ref="form" :model="form" style="padding: 0 35px;">
@@ -24,6 +24,7 @@
         >
         </el-input>
         <el-form-item>
+              <!-- background: linear-gradient(-90deg, #23cffd, #1f81e7); -->
           <el-button
             type="primary"
             round
@@ -32,7 +33,7 @@
               margin-top: 15px;
               display: block;
               width: 100%;
-              background: linear-gradient(-90deg, #23cffd, #1f81e7);
+              background: #7CC8F8;
               border: none;
             "
           >
@@ -85,20 +86,23 @@ export default {
 }
 
 .login .loginmain {
-  padding-top: 100px;
-  width: 494px;
-  height: 100%;
-  background: #fff;
+  padding-top: 22px;
+  width: 521px;
+  height: 447px;
+  background: rgba(255,255,255, .2);
+  margin-top: 205px;
+  border-radius: 3px;
+  margin-right: 103px;
   float: right;
 }
 
 .login .loginTitle {
-  color: #049aef;
   text-align: center;
   font-size: 24px;
   font-family: SourceHanSansCN;
   font-weight: bold;
-  color: #049aef;
+  /* color: #049aef; */
+  color: #fff;
 }
 .login .el-input__inner {
   border-radius: 2em;