sheng/mes-ui-d2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

no message

Browse Source 
Former-commit-id: aa201ea550d3ca46cf59ea3e05c97fd447602837
Former-commit-id: 4cc5d847842f326b6527ebaff446658db87ecd5a
Former-commit-id: 4f028100c1f776e38f4d67cda99c83b1c74a5924
This commit is contained in:
liyang
2018-06-04 22:15:30 +08:00
parent b25865691d
commit 746b80c9d6
1 changed files with 15 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/assets/style/theme/star/index.scss
View File

@@ -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 {
.el-menu-item { .el-menu-item {
transition: border-top-color 0s;
color: #FFF; color: #FFF;
&:hover { &:hover {
background-color: rgba(#000, 0.1); @include header-el-menu-item;
} }
&.is-active { &.is-active {
border-top-color: #FFF; border-top-color: #FFF;
@@ -41,9 +47,10 @@ $theme-container-full-border-color: #d8dfea;
} }
.el-submenu { .el-submenu {
.el-submenu__title { .el-submenu__title {
transition: border-top-color 0s;
color: #FFF; color: #FFF;
&:hover { &:hover {
background-color: rgba(#000, 0.1); @include header-el-menu-item;
} }
.el-submenu__icon-arrow { .el-submenu__icon-arrow {
color: #FFF; color: #FFF;
@@ -67,12 +74,16 @@ $theme-container-full-border-color: #d8dfea;
.el-container { .el-container {
// 侧边栏 // 侧边栏
.el-aside { .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 {
.el-menu-item { .el-menu-item {
color: #FFF; color: #FFF;
&:hover { &:hover {
background-color: rgba(#000, 0.1); @include aside-el-menu-item;
} }
i { i {
color: #FFF; color: #FFF;
@@ -83,7 +94,7 @@ $theme-container-full-border-color: #d8dfea;
.el-submenu__title { .el-submenu__title {
color: #FFF; color: #FFF;
&:hover { &:hover {
background-color: rgba(#000, 0.1); @include aside-el-menu-item;
} }
i { i {
color: #FFF; color: #FFF;