|
@@ -65,7 +65,7 @@
|
|
|
>
|
|
|
<template #title>
|
|
|
<div class="elGrounpTitleAll" v-if="!isCollapse">
|
|
|
- <div v-html="menu.svg" class="svgSty"></div>
|
|
|
+ <!-- <div v-html="menu.svg" class="svgSty"></div> -->
|
|
|
<span style="margin-left: 10px" class="chSpna">{{
|
|
|
menu.name
|
|
|
}}</span>
|
|
@@ -96,8 +96,8 @@
|
|
|
:style="noGrounpItemFn(menu.index)"
|
|
|
>
|
|
|
<div class="elMenuTitle elMenuTitleAll" v-if="!isCollapse">
|
|
|
- <div v-html="menu.svg" class="svgSty"></div>
|
|
|
- <span class="titspan">{{ menu.name }}</span>
|
|
|
+ <!-- <div v-html="menu.svg" class="svgSty"></div> -->
|
|
|
+ <span class="titspan" :class="getSelectState(menu.index)">{{ menu.name }}</span>
|
|
|
</div>
|
|
|
<div class="elMenuTitle" v-else>
|
|
|
<div v-html="menu.svg" style="display: flex"></div>
|
|
@@ -1289,6 +1289,7 @@ body {
|
|
|
margin: 0 5px;
|
|
|
|
|
|
.el-sub-menu__title {
|
|
|
+ // height: 1px !important;
|
|
|
background: none;
|
|
|
|
|
|
.elGrounpTitleAll {
|
|
@@ -1338,13 +1339,13 @@ body {
|
|
|
|
|
|
.el-menu {
|
|
|
border-radius: 0 0 8px 8px;
|
|
|
- padding: 10px 0 10px 0;
|
|
|
+ // padding: 10px 0 10px 0;
|
|
|
background: #132444;
|
|
|
|
|
|
.elsubMenu {
|
|
|
width: 130px;
|
|
|
height: 30px;
|
|
|
- margin: 10px 0;
|
|
|
+ // margin: 10px 0;
|
|
|
position: relative;
|
|
|
left: 50px;
|
|
|
// background: #1c69bb;
|
|
@@ -1368,6 +1369,7 @@ body {
|
|
|
left: -30px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
|
|
|
// .is-active {
|
|
|
// max-width: 160px !important;
|
|
@@ -1387,6 +1389,14 @@ body {
|
|
|
color: #a5b7df;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ .elsubMenu:hover{
|
|
|
+ background: #1c69bb;
|
|
|
+ .grounpItemSpan {
|
|
|
+ color: #a5b7df;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
|
|
@@ -1429,6 +1439,17 @@ body {
|
|
|
position: relative;
|
|
|
top: 5px;
|
|
|
}
|
|
|
+ .titspan:hover{
|
|
|
+ padding: 0 10px;
|
|
|
+ background: #1c69bb;
|
|
|
+ }
|
|
|
+ .isSelect {
|
|
|
+ background: #1c69bb;
|
|
|
+ padding: 0 10px;
|
|
|
+ .grounpItemSpan {
|
|
|
+ color: #a5b7df;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
|
|
@@ -1502,7 +1523,7 @@ body {
|
|
|
background: transparent !important;
|
|
|
|
|
|
.titspan {
|
|
|
- color: #1c69bb !important;
|
|
|
+ color: #a5b7df !important;
|
|
|
}
|
|
|
|
|
|
svg {
|