add

src/layout/components/Sidebar/SidebarItem.vue

@@ -162,13 +162,76 @@ export default {
   //设置字体颜色
   color: #ffffff !important;
 }
+.router-link-active > li {
+  //设置背景颜色
+  background-color: #2d67e3 !important;
+  //设置字体颜色
+  color: #ffffff !important;
+}
+// ::v-deep .el-menu-item.is-active:hover {
+//   //设置背景颜色
+//   background-color: #2d67e3 !important;
+//   //设置字体颜色
+//   color: #ffffff !important;
+// }
+
+// // ::v-deep .el-submenu__title:hover {
+// //   background: red !important;
+// // }
 ::v-deep .el-menu-item:hover {
   // background: #2d67e3 !important;
   color: #fff !important;
+  .account {
+    background: url("../../../assets/nav/ic_list_nav_account_check.png");
+  }
+  .role {
+    background: url("../../../assets/nav/ic_list_nav_character_check.png");
+  }
+  .authority {
+    background: url("../../../assets/nav/ic_list_nav_permissions_check.png");
+  }
+  .transfer {
+    background: url("../../../assets/nav/ic_list_nav_transit_check.png");
+  }
+  .arrival {
+    background: url("../../../assets/nav/ic_list_nav_arrive_check.png");
+  }
+  .departure {
+    background: url("../../../assets/nav/ic_list_nav_leave_check.png");
+  }
+  .dataCollection {
+    background: url("../../../assets/nav/ic_data_collection_check.png");
+  }
+  .dataParser {
+    background: url("../../../assets/nav/ic_data_governance_check .png");
+  }
+  .dataStore {
+    background: url("../../../assets/nav/ic_data_save_check.png") no-repeat;
+  }
+  .dashboard {
+    background: url("../../../assets/nav/ic_setting_nav_check.png") no-repeat;
+  }
+  .advance {
+    background: url("../../../assets/nav/ic_list_nav_search_check.png");
+  }
+  .integration {
+    background: url("../../../assets/nav/ic_data_governance_check .png");
+  }
+  .protocol {
+    background: url("../../../assets/nav/ic_list_nav_agreement_check.png");
+  }
+
+  .deployNode {
+    background: url("../../../assets/nav/ic_list_nav_node_check.png");
+  }
+
+  .sourceDataItem {
+    background: url("../../../assets/nav/ic_list_nav_source_check.png");
+  }
 }
-::v-deep .el-menu-item {
-  transition: border-color 0.3s, background-color 0s, color 0s;
-}
+// ::v-deep .el-menu-item {
+//   transition: border-color 0.3s, background-color 0s, color 0s;
+// }
 // ::v-deep .el-submenu__title.is-active {
 //   background-color: #6db6ff !important;
 // }