首页

VUECODE/smart-operate-manage/src/views/login/index.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="login-container">
+    <div class="login-box">
     <el-form
       ref="loginForm"
       :model="loginForm"
@@ -46,6 +47,8 @@
         @click.native.prevent="handleLogin"
       >登录</el-button>
     </el-form>
+    </div>
+    <span class="bottom-desc">Copyright © 南京荟房网络科技有限公司, All Rights Reserved.</span>
   </div>
 </template>
 
@@ -130,16 +133,35 @@ $light_gray: #eee;
 
 /* reset element-ui css */
 .login-container {
+
+  .bottom-desc{
+    position: absolute;
+    top: 95%;
+    left: 39.5%;
+    color: #fff
+  }
+  
+  .login-box{
+    position: absolute;
+    width: 400px;
+    height: 425px;
+    background-color: rgba(21,22,58,0.53);
+    top: 28%;
+    left: 40%;
+    border-radius: 10px;
+    box-shadow:  #666 0px 0px 10px inset;
+    }
+
   .el-input {
     display: inline-block;
-    height: 47px;
+    height: 40px;
     width: 85%;
     input {
       background: transparent;
       border: 0px;
       -webkit-appearance: none;
       border-radius: 0px;
-      padding: 12px 5px 12px 15px;
+      padding: 4px 5px 12px 15px;
       color: $light_gray;
       height: 47px;
       &:-webkit-autofill {
@@ -176,10 +198,10 @@ $light_gray: #eee;
     position: absolute;
     left: 0;
     right: 0;
-    width: 520px;
+    width: 382px;
     max-width: 100%;
     padding: 35px 35px 15px 35px;
-    margin: 120px auto;
+    margin: 20px auto;
     .pwdSend {
       float: left;
       .el-form-item {
@@ -204,7 +226,7 @@ $light_gray: #eee;
     }
   }
   .svg-container {
-    padding: 6px 5px 6px 15px;
+    padding: 0px 5px 0px 15px;
     color: $dark_gray;
     vertical-align: middle;
     width: 30px;