From e153bc2d376ce98ffc95d22dd826da4942356b34 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E6=9D=A8?= <1711467488@qq.com>
Date: Sun, 21 Jan 2018 23:30:01 +0800
Subject: [PATCH] no message

Former-commit-id: dd28267f37471fe7fac69985fbc9483ff388d3f2
Former-commit-id: 97ba0a6a8a0c1a6a90997dbe087a7ce838b205ab
Former-commit-id: e3e61e68f951891ab379f7cd99c1f0ce250a1408
---
 src/pages/core/login/index.vue | 31 +++++++++++++++++++++++++------
 1 file changed, 25 insertions(+), 6 deletions(-)

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>