diff --git a/src/assets/login-background.jpg b/src/assets/login-background.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..456c3893bcb76c7bc45aebbf507d242628de2a5d
Binary files /dev/null and b/src/assets/login-background.jpg differ
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index e75446ede241ce84236e93222d61955ed75ad27b..1ec0dcb924cdd550ba87ac976b80122ea263eac0 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -50,7 +50,7 @@
                  @click.native.prevent="handleLogin">登录
       </el-button>
     </el-form>
-
+    <div class="el-login-footer"><span>Copyright © 2021 DcyCloud All Rights Reserved.</span></div>
   </div>
 </template>
 
@@ -159,7 +159,7 @@
   /* Detail see https://github.com/PanJiaChen/vue-element-admin/pull/927 */
 
   $bg: #283443;
-  $light_gray: #fff;
+  $light_gray: #333;
   $cursor: #fff;
 
   @supports (-webkit-mask: none) and (not (cater-color: $cursor)) {
@@ -193,8 +193,8 @@
     }
 
     .el-form-item {
-      border: 1px solid rgba(255, 255, 255, 0.1);
-      background: rgba(0, 0, 0, 0.1);
+      border: 1px solid #dcdfe6;
+      //background: rgba(0, 0, 0, 0.1);
       border-radius: 5px;
       color: #454545;
     }
@@ -204,21 +204,36 @@
 <style lang="scss" scoped>
   $bg: #2d3a4b;
   $dark_gray: #889aa4;
-  $light_gray: #eee;
+  $light_gray: #707070;
 
   .login-container {
     min-height: 100%;
     width: 100%;
-    background-color: $bg;
+    //background-color: $bg;
+    // 增加背景图片
     overflow: hidden;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    height: 100%;
+    background-image: url(../../assets/login-background.jpg);
+    background-size: cover;
 
     .login-form {
       position: relative;
-      width: 520px;
+      width: 460px;
       max-width: 100%;
-      padding: 160px 35px 0;
+      padding: 35px 35px 0;
       margin: 0 auto;
       overflow: hidden;
+      background: rgba(255,255,255,0.9);
+      border-radius: 10px;
     }
 
     .tips {
@@ -245,9 +260,9 @@
       position: relative;
 
       .title {
-        font-size: 26px;
+        font-size: 1.17em;
         color: $light_gray;
-        margin: 0px auto 40px auto;
+        margin: 0px auto 30px auto;
         text-align: center;
         font-weight: bold;
       }
@@ -275,4 +290,17 @@
       }
     }
   }
+
+  .el-login-footer {
+    height: 40px;
+    line-height: 40px;
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    text-align: center;
+    color: #fff;
+    font-family: Arial;
+    font-size: 12px;
+    letter-spacing: 1px;
+  }
 </style>