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

add Cascader

Browse source 
add Cascader
This commit is contained in:
梁灏 2016-11-15 19:17:54 +08:00
parent 6ff31952a6
commit c463ab8757
9 changed files with 345 additions and 60 deletions
Download patch file Download diff file Expand all files Collapse all files

85
src/styles/components/cascader.less Normal file
View file

@ -0,0 +1,85 @@
@cascader-prefix-cls: ~"@{css-prefix}cascader";
@cascader-item-prefix-cls: ~"@{css-prefix}cascader-menu-item";
.@{cascader-prefix-cls} {
position: relative;
.@{css-prefix}input{
display: block;
cursor: pointer;
}
.@{cascader-prefix-cls}-arrow:nth-of-type(1) {
display: none;
cursor: pointer;
}
&:hover {
.@{cascader-prefix-cls}-arrow:nth-of-type(1) {
display: inline-block;
}
}
&-show-clear:hover .@{cascader-prefix-cls}-arrow:nth-of-type(2){
display: none;
}
&-arrow {
position: absolute;
top: 50%;
right: 8px;
line-height: 1;
margin-top: -6px;
font-size: @font-size-base;
color: @subsidiary-color;
.transition(all @transition-time @ease-in-out);
}
.@{select-dropdown-prefix-cls} {
padding: 0;
white-space: nowrap;
}
.select-item(@cascader-prefix-cls, @cascader-item-prefix-cls);
&-menu{
display: inline-block;
min-width: 100px;
height: 180px;
margin: 0;
padding: 5px 0;
vertical-align: top;
list-style: none;
border-right: 1px solid @border-color-split;
overflow: auto;
&:first-child {
}
&:last-child {
border-right-color: transparent;
margin-right: -1px;
}
&:only-child {
}
& &-item{
position: relative;
padding-right: 24px;
.transition(all @transition-time @ease-in-out);
i{
font-size: @font-size-small;
position: absolute;
right: 15px;
top: 50%;
margin-top: -6px;
}
&-active{
background-color: @background-color-select-hover;
font-weight: bold;
}
}
}
}