diff --git a/src/pages/core/login/index.vue b/src/pages/core/login/index.vue
index 35f49189..04a32272 100644
--- a/src/pages/core/login/index.vue
+++ b/src/pages/core/login/index.vue
@@ -1,5 +1,10 @@
 <template>
-  <div class="login" id="login"></div>
+  <div class="login-page">
+    <div class="layer bg" id="login"></div>
+    <div class="layer">
+      <el-card class="form-group"></el-card>
+    </div>
+  </div>
 </template>
 
 <script>
@@ -16,13 +21,27 @@ export default {
 </script>
 
 <style lang="scss">
-.login {
+.login-page {
   background-color: #EDF4FA;
   height: 100%;
-  canvas {
-    display: block;
-    margin: 0px;
-    padding: 0px;
+  position: relative;
+  // 层
+  .layer {
+    position: absolute;
+    height: 100%;
+    width: 100%;
+  }
+  // 登陆表单
+  .form-group {
+    box-shadow: 0 0 8px 0 rgba(232,237,250,.6), 0 2px 4px 0 rgba(232,237,250,.5);
+  }
+  // 背景
+  .bg {
+    canvas {
+      display: block;
+      margin: 0px;
+      padding: 0px;
+    }
   }
 }
 </style>