no message

Former-commit-id: 92b430b7bc92e6207b77fa78e49825f6b8d0b26a Former-commit-id: b47caa67a46dc037d37a94a0541642d81d7140ce Former-commit-id: b7f3f72c8a966c4cc3ce7563c8bab27a68b325fe
2018-06-04 15:13:29 +08:00
parent 91b03b1026
commit a28d8f246b
6 changed files with 75 additions and 55 deletions
--- a/src/assets/style/theme/theme.scss
+++ b/src/assets/style/theme/theme.scss
@@ -0,0 +1,110 @@
+@import '~@/assets/style/public.scss';
+
+@import './theme-dd-container-full.scss';
+
+$theme-color: #EFF4F8;
+
+// 主题公用
+.theme {
+  height: 100vh;
+  width: 100vw;
+  background-size: cover;
+  background-position: center;
+  // [布局] 顶栏
+  .el-header {
+    padding: 0px;
+    // logo区域
+    .logo-group {
+      transition: width .3s;
+      float: left;
+      text-align: center;
+      img {
+        height: 60px;
+      }
+    }
+    // 折叠侧边栏切换按钮
+    .toggle-aside-btn {
+      float: left;
+      height: 60px;
+      width: 60px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      user-select: none;
+      cursor: pointer;
+      i {
+        font-size: 20px;
+        margin-top: 4px;
+      }
+    }
+    // [菜单] 顶栏
+    .el-menu {
+      float: left;
+      border-bottom: none;
+      background-color: transparent;
+      .el-menu-item {
+        border-bottom: none;
+        border-top: 2px solid transparent;
+        &.is-active {
+          border-bottom: none;
+          border-top-color: $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-submenu__title {
+          &:hover {
+            background-color: rgba(#000, .05);
+          }
+        }
+      }
+      // [菜单] 折叠状态
+      .el-menu--collapse {
+        background-color: transparent;
+        .el-submenu__title {
+          text-align: center;
+        }
+      }
+    }
+    .el-main {
+      padding: 0px;
+      position: relative;
+      overflow: hidden;
+    }
+  }
+}