no message
Former-commit-id: aa201ea550d3ca46cf59ea3e05c97fd447602837 Former-commit-id: 4cc5d847842f326b6527ebaff446658db87ecd5a Former-commit-id: 4f028100c1f776e38f4d67cda99c83b1c74a5924
This commit is contained in:
@@ -28,12 +28,18 @@ $theme-container-full-border-color: #d8dfea;
|
||||
}
|
||||
}
|
||||
}
|
||||
@mixin header-el-menu-item {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.00) 90%);
|
||||
border-top-color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
// 顶栏菜单
|
||||
.el-menu {
|
||||
.el-menu-item {
|
||||
transition: border-top-color 0s;
|
||||
color: #FFF;
|
||||
&:hover {
|
||||
background-color: rgba(#000, 0.1);
|
||||
@include header-el-menu-item;
|
||||
}
|
||||
&.is-active {
|
||||
border-top-color: #FFF;
|
||||
@@ -41,9 +47,10 @@ $theme-container-full-border-color: #d8dfea;
|
||||
}
|
||||
.el-submenu {
|
||||
.el-submenu__title {
|
||||
transition: border-top-color 0s;
|
||||
color: #FFF;
|
||||
&:hover {
|
||||
background-color: rgba(#000, 0.1);
|
||||
@include header-el-menu-item;
|
||||
}
|
||||
.el-submenu__icon-arrow {
|
||||
color: #FFF;
|
||||
@@ -67,12 +74,16 @@ $theme-container-full-border-color: #d8dfea;
|
||||
.el-container {
|
||||
// 侧边栏
|
||||
.el-aside {
|
||||
@mixin aside-el-menu-item {
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.00) 90%);
|
||||
}
|
||||
// [菜单] 正常状态
|
||||
.el-menu {
|
||||
.el-menu-item {
|
||||
color: #FFF;
|
||||
&:hover {
|
||||
background-color: rgba(#000, 0.1);
|
||||
@include aside-el-menu-item;
|
||||
}
|
||||
i {
|
||||
color: #FFF;
|
||||
@@ -83,7 +94,7 @@ $theme-container-full-border-color: #d8dfea;
|
||||
.el-submenu__title {
|
||||
color: #FFF;
|
||||
&:hover {
|
||||
background-color: rgba(#000, 0.1);
|
||||
@include aside-el-menu-item;
|
||||
}
|
||||
i {
|
||||
color: #FFF;
|
||||
|
||||
Reference in New Issue
Block a user