drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

make menu support more than 2 levels

Browse source
This commit is contained in:
zhigang.li 2018-01-15 13:17:58 +08:00
parent 3537176f98
commit 4bce764525
7 changed files with 117 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/styles/components/menu.less
View file

@ -160,13 +160,18 @@
&-submenu-title-icon {
transition: transform @transition-time @ease-in-out;
}
&-opened &-submenu-title-icon{
&-opened > * > &-submenu-title-icon{
transform: rotate(180deg);
}
&-vertical &-submenu &-item{
padding-left: 43px;
}
&-vertical &-submenu{
&-nested{
padding-left: 20px;
}
.@{menu-prefix-cls}-item{
padding-left: 43px;
}
}
&-vertical &-item-group{
&-title{
height: 48px;
@ -217,7 +222,10 @@
background: @primary-color !important;
}
}
&-dark&-vertical &-item-active &-submenu-title{
// &-dark&-vertical &-item-active &-submenu-title{
// color: #fff;
// }
&-dark&-vertical &-child-item-active > &-submenu-title{
color: #fff;
}
@ -226,6 +234,12 @@
.@{menu-prefix-cls}-submenu-title{
background: @menu-dark-title;
}
.@{menu-prefix-cls}-submenu-has-parent-submenu{
.@{menu-prefix-cls}-submenu-title{
background: transparent;
}
}
}
}
.select-item(@menu-prefix-cls, @menu-dropdown-item-prefix-cls);