增加了两套演示空白页面

Former-commit-id: 8e223ee236a3b795298a7223c7c1b8577b48dce3
2018-07-08 16:14:46 +08:00
parent a83bfc3183
commit 3d4393dc38
22 changed files with 143 additions and 7 deletions
@@ -0,0 +1,66 @@
+@import '~@/assets/style/public.scss';
+.login-page {
+  background-color: #EDF4FA;
+  height: 100%;
+  position: relative;
+  // 层
+  .layer {
+    position: absolute;
+    height: 100%;
+    width: 100%;
+    &.flex-center {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      flex-direction: column;
+    }
+  }
+  // 背景
+  .bg {
+    canvas {
+      display: block;
+      margin: 0px;
+      padding: 0px;
+    }
+  }
+  // logo
+  .logo-group {
+    margin-top: -75px - 70px;
+    position: relative;
+    top: 75px;
+    img {
+      height: 140px;
+    }
+  }
+  // 登陆表单
+  .form-group {
+    width: 300px;
+    // 重新设置卡片阴影
+    .el-card {
+      box-shadow: 0 0 8px 0 rgba(232,237,250,.6), 0 2px 4px 0 rgba(232,237,250,.5);
+      .el-card__body {
+        padding-top: 70px;
+      }
+    }
+    // 登陆按钮
+    .button-login {
+      width: 100%;
+    }
+    // 输入框左边的图表区域缩窄
+    .el-input-group__prepend {
+      padding: 0px 14px;
+    }
+    .login-code {
+      height: 40px - 2px;
+      display: block;
+      margin: 0px -20px;
+      border-top-right-radius: 2px;
+      border-bottom-right-radius: 2px;
+    }
+  }
+  // 帮助按钮
+  .button-help {
+    width: 300px;
+    margin-top: 20px;
+  }
+}