97 lines
1.9 KiB
Plaintext
97 lines
1.9 KiB
Plaintext
// 左侧菜单样式
|
|
.nav-menu {
|
|
.el-menu {
|
|
border: transparent;
|
|
background-color: transparent !important;
|
|
}
|
|
.el-submenu__title, .el-menu-item{
|
|
i{
|
|
color: #ffffff;
|
|
}
|
|
}
|
|
ul > li{
|
|
font-size: 15px;
|
|
font-weight: 600;
|
|
}
|
|
.el-submenu__title, .el-menu-item{
|
|
font-size: 15px;
|
|
background-color: transparent !important;
|
|
&::before{
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
display: block;
|
|
width: 0;
|
|
height: 100%;
|
|
background: rgba(255,255,255,.1) !important;
|
|
}
|
|
}
|
|
&:not(.is-collapse) {
|
|
// hover属性
|
|
.el-submenu__title:hover, .el-menu-item:hover{
|
|
background: transparent !important;
|
|
&::before{
|
|
transition: all linear .3s;
|
|
width: 100%;
|
|
}
|
|
}
|
|
// 选中菜单样式
|
|
.el-menu{
|
|
.is-active{
|
|
background: rgba(255,255,255,.1) !important;
|
|
color: #4091FF !important;
|
|
}
|
|
.is-opened{
|
|
background: transparent !important;
|
|
}
|
|
}
|
|
}
|
|
/deep/.el-menu {
|
|
& > .el-menu-item {
|
|
background-color: transparent !important;
|
|
&:hover {
|
|
background-color: rgba(255, 255, 255, 0.1) !important;
|
|
}
|
|
}
|
|
.el-submenu {
|
|
.el-submenu__title {
|
|
background-color: transparent !important;
|
|
&:hover {
|
|
background-color: rgba(255, 255, 255, 0.1) !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.nav-menu-popper {
|
|
.el-menu {
|
|
li {
|
|
&:hover {
|
|
background: rgba(255, 255, 255, 0.1) !important;
|
|
}
|
|
&.is-active {
|
|
background: rgba(255, 255, 255, 0.1) !important;
|
|
}
|
|
//&:first-child {
|
|
// border-top-left-radius: 15px;
|
|
// border-top-right-radius: 15px;
|
|
//}
|
|
//&:last-child {
|
|
// border-bottom-left-radius: 15px;
|
|
// border-bottom-right-radius: 15px;
|
|
//}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
.el-drawer__header{
|
|
&>span:first-child{
|
|
outline: none!important;
|
|
}
|
|
}
|
|
.el-drawer{
|
|
outline: none!important;
|
|
}
|