no message

Former-commit-id: 36430ec3572727c263defaef7f08b4baf9cd79b8 Former-commit-id: 501e3c9de8d231b96a5e447dd9d9c5271d024cb5 Former-commit-id: d45a3e8ae5176a800a1c28897cb1908ebce89731
2018-06-11 09:42:38 +08:00
parent 74bd0f328e
commit bb50ad2b63
4 changed files with 135 additions and 4 deletions
--- a/src/assets/style/theme/d2admin/index.scss
+++ b/src/assets/style/theme/d2admin/index.scss
@@ -0,0 +1,129 @@
+@import '../theme.scss';
+
+$theme-name: 'd2admin';
+$theme-bg-color: #EFF4F8;
+// $theme-bg-image: '/static/image/bg/star.jpg';
+$theme-container-full-border-color: #d8dfea;
+
+.theme-#{$theme-name} {
+  .theme {
+    background-color: $theme-bg-color;
+    background-size: cover;
+    background-position: center;
+  }
+  // 菜单项目
+  @mixin theme-menu-hover-style {
+    background-color: #eff4f8;
+  }
+  .el-submenu__title:hover {
+    @include theme-menu-hover-style;
+  }
+  .el-menu-item:hover {
+    @include theme-menu-hover-style;
+  }
+  .el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
+    @include theme-menu-hover-style;
+  }
+  .el-menu--horizontal .el-menu .el-submenu__title:hover {
+    @include theme-menu-hover-style;
+  }
+  // [组件] d2-container-full
+  .d2-container-full {
+    .d2-container-full__header {
+      border-bottom: 1px solid $theme-container-full-border-color;
+    }
+    .d2-container-full__footer {
+      border-top: 1px solid $theme-container-full-border-color;
+    }
+  }
+  // 顶栏
+  .el-header {
+    // 切换按钮
+    .toggle-aside-btn {
+      i {
+        color: #FFF;
+        &:hover {
+          color: #FFF;
+        }
+      }
+    }
+    // 顶栏菜单
+    .el-menu {
+      .el-menu-item {
+        transition: border-top-color 0s;
+        color: #FFF;
+        &:hover {
+          background-color: rgba(#FFF, .3);
+        }
+        &:focus {
+          background-color: rgba(#FFF, .3);
+        }
+        &.is-active {
+          background-color: rgba(#000, .3);
+        }
+      }
+      .el-submenu {
+        .el-submenu__title {
+          transition: border-top-color 0s;
+          color: #FFF;
+          &:hover {
+            background-color: rgba(#FFF, .3);
+          }
+          &:focus {
+            background-color: rgba(#FFF, .3);
+          }
+          .el-submenu__icon-arrow {
+            color: #FFF;
+          }
+        }
+      }
+    }
+    // 顶栏右侧
+    .d2-header-right {
+      .btn-text {
+        color: #FFF;
+        &:hover {
+          background-color: rgba(#FFF, .1);
+        }
+      }
+    }
+  }
+  // [布局] 顶栏下面
+  .el-container {
+    // 侧边栏
+    .el-aside {
+      // [菜单] 正常状态
+      .el-menu {
+        .el-menu-item {
+          color: #FFF;
+          &:hover {
+            background-color: rgba(#FFF, .3);
+          }
+          &:focus {
+            background-color: rgba(#FFF, .3);
+          }
+          i {
+            color: #FFF;
+          }
+          &.is-active {
+            background-color: rgba(#000, .3);
+          }
+        }
+      }
+      .el-submenu {
+        .el-submenu__title {
+          color: #FFF;
+          &:hover {
+            background-color: rgba(#FFF, .3);
+          }
+          i {
+            color: #FFF;
+          }
+          .el-submenu__icon-arrow {
+            color: #FFF;
+          }
+        }
+      }
+    }
+  }
+}