add Dropdown component
add Dropdown component
This commit is contained in:
parent
0f4ccf4486
commit
ab8aaf958a
13 changed files with 235 additions and 4 deletions
17
src/styles/components/dropdown.less
Normal file
17
src/styles/components/dropdown.less
Normal file
|
@ -0,0 +1,17 @@
|
|||
@dropdown-prefix-cls: ~"@{css-prefix}dropdown";
|
||||
@dropdown-item-prefix-cls: ~"@{dropdown-prefix-cls}-item";
|
||||
|
||||
.@{dropdown-prefix-cls} {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
|
||||
&-rel{
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
&-menu{
|
||||
min-width: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
.select-item(@dropdown-prefix-cls, @dropdown-item-prefix-cls);
|
|
@ -28,4 +28,5 @@
|
|||
@import "slider";
|
||||
@import "cascader";
|
||||
@import "transfer";
|
||||
@import "table";
|
||||
@import "table";
|
||||
@import "dropdown";
|
|
@ -27,7 +27,7 @@
|
|||
.input-small() {
|
||||
padding: @input-padding-vertical-small @input-padding-horizontal;
|
||||
height: @input-height-small;
|
||||
border-radius: @border-radius-small;
|
||||
border-radius: @btn-border-radius-small;
|
||||
}
|
||||
|
||||
.input() {
|
||||
|
@ -38,7 +38,7 @@
|
|||
padding: @input-padding-vertical-base @input-padding-horizontal;
|
||||
font-size: @font-size-small;
|
||||
border: 1px solid @input-border-color;
|
||||
border-radius: @border-radius-base;
|
||||
border-radius: @btn-border-radius;
|
||||
color: @input-color;
|
||||
background-color: @input-bg;
|
||||
background-image: none;
|
||||
|
|
|
@ -37,6 +37,18 @@
|
|||
&-selected&-focus {
|
||||
background: shade(@selected-color, 10%);
|
||||
}
|
||||
|
||||
&-divided{
|
||||
margin-top: 5px;
|
||||
border-top: 1px solid @border-color-split;
|
||||
&:before{
|
||||
content: '';
|
||||
height: 5px;
|
||||
display: block;
|
||||
margin: -7px -16px 0;
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{size-class}-large .@{item-class} {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue