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

update Menu

Browse source 
update Menu
This commit is contained in:
梁灏 2016-12-08 14:13:17 +08:00
parent ab673ebc6b
commit 21cc957ac5
4 changed files with 42 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/menu/menu.vue
View file

@ -45,7 +45,7 @@
`${prefixCls}`,
{
[`${prefixCls}-${this.mode}`]: this.mode,
[`${prefixCls}-${this.theme}`]: this.theme
[`${prefixCls}-${this.theme}`]: this.mode === 'horizontal' || (this.mode === 'vertical' && this.theme !== 'primary')
}
]
}

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

@ -166,6 +166,11 @@
padding-left: 28px;
}
}
&-dark&-vertical &-item-group{
&-title{
color: @text-color;
}
}
&-light&-vertical &-item{
border-right: 2px solid transparent;
@ -175,5 +180,30 @@
z-index: 2;
}
}
&-dark&-vertical &-item, &-dark&-vertical &-submenu-title{
color: @subsidiary-color;
&-active:not(.@{menu-prefix-cls}-submenu), &:hover{
background: @menu-dark-active-bg;
}
&-active:not(.@{menu-prefix-cls}-submenu){
color: @primary-color;
border-right: 2px solid @primary-color;
}
}
&-dark&-vertical &-submenu &-item{
&:hover{
background: @title-color;
}
&-active{
border-right: none;
color: #fff;
background: @primary-color;
}
}
&-dark&-vertical &-opened{
background: @menu-dark-active-bg;
}
}
.select-item(@menu-prefix-cls, @menu-dropdown-item-prefix-cls);

1
src/styles/themes/default/custom.less
View file

@ -42,6 +42,7 @@
@table-td-stripe-bg : #f5f7f9;
@table-td-hover-bg : #ebf7ff;
@table-td-highlight-bg : #ebf7ff;
@menu-dark-active-bg : #313540;
// Shadow
@shadow-color : rgba(0, 0, 0, .2);