|
|
@@ -162,7 +162,12 @@ 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;
|
|
|
@@ -174,15 +179,65 @@ export default {
|
|
|
// // background: red !important;
|
|
|
// // }
|
|
|
::v-deep .el-menu-item:hover {
|
|
|
- background: #2d67e3 !important;
|
|
|
+ // 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;
|
|
|
// }
|
|
|
+// .pathNamecosy:hover {
|
|
|
+// background-image: #2d67e3 !important;
|
|
|
+// }
|
|
|
.nav_item {
|
|
|
width: 36px;
|
|
|
height: 36px;
|
