前端新增可配置侧边栏风格，可以配置网页主题色

2021-06-25 17:24:02 +08:00
parent 7e1348cb41
commit 9f5b59c4b5
15 changed files with 9950 additions and 137 deletions
@@ -6,9 +6,9 @@
          :collapse="isCollapse"
          :collapse-transition="true"
          :default-active="active"
-          active-text-color="#fff"
          class="el-menu-vertical"
-          text-color="rgb(191, 203, 217)"
+          :background-color="$store.getters['app/getSIdeMode'] === 'light' ? '#fff' : '#111'"
+          text-color="#777"
          unique-opened
          @select="selectMenuItem"
        >
@@ -95,4 +95,15 @@ export default {
    vertical-align: middle;
  }
 }
+.el-menu-item {
+  background-color: #fff;
+  height: 44px;
+  line-height: 44px;
+  color: #000;
+  &.is-active{
+    background-color: #e6f7ff ;
+    border-right: 4px solid  ;
+    color: #1890ff ;
+  }
+}
 </style>