update DateTimePicker

update DateTimePicker
This commit is contained in:
梁灏 2016-12-30 11:15:13 +08:00
parent 5cc9b892b8
commit 62c7f99780
2 changed files with 29 additions and 4 deletions

View file

@ -39,7 +39,7 @@
props: {
date: {
default () {
return initTimeDate()
return initTimeDate();
}
},
value: {

View file

@ -1,6 +1,10 @@
@time-picker-prefix-cls: ~"@{css-prefix}time-picker";
@time-picker-cells-width: 112px;
@time-picker-cells-width-with-seconds: @time-picker-cells-width + 56px;
@time-picker-cells-width-base: 56px;
@time-picker-cells-width-with-date-base: 72px;
@time-picker-cells-width: @time-picker-cells-width-base * 2;
@time-picker-cells-width-with-seconds: @time-picker-cells-width-base *3;
@time-picker-cells-width-with-date: @time-picker-cells-width-with-date-base * 2;
@time-picker-cells-width-with-date-with-seconds: @time-picker-cells-width-with-date-base * 3;
.@{time-picker-prefix-cls} {
&-cells{
@ -10,7 +14,7 @@
}
&-list{
width: 56px;
width: @time-picker-cells-width-base;
float: left;
position: relative;
max-height: 144px;
@ -120,3 +124,24 @@
}
}
}
.@{picker-prefix-cls}-panel-content{
.@{picker-prefix-cls}-panel-content{
.@{time-picker-prefix-cls}{
&-cells{
min-width: @time-picker-cells-width-with-date;
&-with-seconds{
min-width: @time-picker-cells-width-with-date-with-seconds;
}
&-list {
width: @time-picker-cells-width-with-date-base;
ul{
li{
padding: 0 0 0 28px;
}
}
}
}
}
}
}