commit

src/components/navMenu/index.vue

@@ -16,9 +16,9 @@
       <el-menu
           unique-opened
           :default-active="defaultActive"
-          background-color="#f00"
+          background-color="#0068B7"
           text-color="#fff"
-          active-text-color="#ff0"
+          active-text-color="#000"
           router
           :collapse="isCollapse"
       >
@@ -91,12 +91,12 @@ export default {
           title: '首页',
           path: '/home2',
           isChildren: true, // 判断没有子菜单
-          'icon-class': 'home'
+          'icon-class': 'el-icon-s-home'
         },
         {
           title: '标准法规库',
           path: '/regulatoryRepository',
-          'icon-class': 'fagui',
+          'icon-class': 'el-icon-s-management',
           menuId: '2ewfwfa',
           children: [
             // {
@@ -204,7 +204,7 @@ export default {
         {
           title: '我的工作',
           path: '/processCenter',
-          'icon-class': 'liucheng',
+          'icon-class': 'el-icon-s-platform',
           menuId: '3fadf',
           children: [
             {
@@ -222,7 +222,7 @@ export default {
         {
           title: '本地工具',
           path: '/localTool',
-          'icon-class': 'tools',
+          'icon-class': 'el-icon-s-tools',
           menuId: 'afsd12',
           children: [
             // {
@@ -266,7 +266,7 @@ export default {
         {
           title: '标准预警',
           path: '/standardWarning',
-          'icon-class': 'warning',
+          'icon-class': 'el-icon-warning',
           menuId: 'asfdew33',
           isChildren: true // 判断没有子菜单
         },
@@ -287,7 +287,7 @@ export default {
         {
           title: '配置管理',
           path: '/config',
-          'icon-class': 'conf',
+          'icon-class': 'el-icon-s-operation',
           menuId: 'adff323',
           children: [
             {
@@ -379,7 +379,7 @@ export default {
         {
           title: '个人中心',
           path: '/personal',
-          'icon-class': 'ucenter',
+          'icon-class': 'el-icon-s-check',
           menuId: '32143ffasdf',
           children: [
             // {
@@ -496,6 +496,18 @@ export default {
 </script>
 <style lang="less" scoped>
 @import '~@/assets/styles/mixins';
+/deep/.el-menu--popup > div {
+  border-radius: 5px;
+}
+.el-menu--collapse {
+  .is-active {
+    background-color: #fff !important;
+    .shangqi-icon {
+      color: #0068B7 !important;
+    }
+    color: #0068B7 !important;
+  }
+}
 .nav-menu {
   width: 58px;
   height: 100%;
@@ -565,10 +577,31 @@ export default {
   top:-15px;
   left:10px
 }
+/*.el-menu--collapse {*/
+/*  .shangqi-icon {*/
+/*    color: #4091FF !important;*/
+/*  }*/
+/*  .is-active /deep/.shangqi-icon {*/
+/*    color: #4091FF !important;*/
+/*  }*/
+/*  /deep/.el-submenu__title i {*/
+/*    color: #fff;*/
+/*  }*/
+/*  /deep/.el-submenu__title i {*/
+/*    color: #fff;*/
+/*  }*/
+/*}*/
+.is-active /deep/.shangqi-icon {
+  color: #4091FF;
+}
+/deep/.el-submenu__title i {
+  color: #fff;
+}
 .nav-menu /deep/.el-submenu__title i {
-  color: #000;
+  color: #fff;
 }
 .nav-menu{
+  background-color: #4091FF;
   scrollbar-width: none;
   -ms-overflow-style: none; /* IE 10+ */
 }