no message

Former-commit-id: fe0e951f1addef7d9a1bdcb923a404a38581db6a Former-commit-id: 705fe2d2573ed81dad4a16b61b6585b1d831828f Former-commit-id: 28e7a04fc692395cb7405f81cf6ce6c118ee74be
2018-06-03 19:11:15 +08:00
parent 0735219a46
commit 165ae5d6a2
5 changed files with 22 additions and 19 deletions
--- a/src/assets/style/theme/classic.scss
+++ b/src/assets/style/theme/classic.scss
@@ -0,0 +1,129 @@
+@import '~@/assets/style/public.scss';
+
+// 默认主题
+.layout-main {
+  &.classic {
+    height: 100vh;
+    width: 100vw;
+    background-color: #EFF4F8;
+    // [全局设置]
+    // 关闭所有卡片的阴影
+    .el-card {
+      box-shadow: none;
+      &:hover {
+        box-shadow: 0 0 8px 0 rgba(232,237,250,.6), 0 2px 4px 0 rgba(232,237,250,.5);
+      }
+    }
+    // [布局]
+    .el-header {
+      padding: 0px;
+      .logo-group {
+        transition: width .3s;
+        float: left;
+        text-align: center;
+        img {
+          height: 60px;
+        }
+      }
+      .toggle-sidemenu-btn {
+        float: left;
+        height: 60px;
+        width: 60px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        user-select: none;
+        cursor: pointer;
+        i {
+          font-size: 20px;
+          color: $color-text-normal;
+          margin-top: 4px;
+          &:hover {
+            color: $color-primary;
+          }
+        }
+      }
+      // 顶栏菜单
+      .el-menu {
+        float: left;
+        border-bottom: none;
+        background-color: transparent;
+        .el-menu-item {
+          border-bottom: none;
+          border-top: 2px solid #EFF4F8;
+          &:hover {
+            background-color: transparent;
+          }
+          &.is-active {
+            border-bottom: none;
+            border-top: 2px solid $color-primary;
+            background-color: transparent;
+          }
+        }
+      }
+      // 顶栏右侧的按钮
+      .btn-group {
+        float: right;
+        height: 60px;
+        display: flex;
+        align-items: center;
+        .btn-text {
+          color: $color-text-normal;
+        }
+        .el-dropdown {
+          user-select: none;
+          cursor: pointer;
+        }
+      }
+    }
+    // 顶栏下面
+    .el-container {
+      // 侧边栏
+      .el-aside {
+        transition: width .3s;
+        overflow: inherit;
+        .dd-side-menu-empty {
+          background-color: rgba(#000, .03);
+          margin: $margin;
+          margin-top: 0px;
+          border-radius: 4px;
+          line-height: 100px;
+          text-align: center;
+          color: $color-text-sub;
+        }
+        .el-menu {
+          background-color: transparent;
+          border-right: none;
+          &.el-menu--collapse {
+            .el-submenu {
+              .el-menu {
+                background-color: transparent;
+              }
+            }
+            .el-submenu__title {
+              text-align: center;
+            }
+          }
+          .el-menu-item {
+            &:focus {
+              background-color: rgba(#000, .05);
+            }
+            &:hover {
+              background-color: rgba(#000, .05);
+            }
+          }
+          .el-submenu__title {
+            &:hover {
+              background-color: rgba(#000, .05);
+            }
+          }
+        }
+      }
+      .el-main {
+        padding: 0px;
+        position: relative;
+        overflow: hidden;
+      }
+    }
+  }
+}