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

update DateTimePicker

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/date-picker/panel/time.vue
View file

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

31
src/styles/components/time-picker.less
View file

@ -1,6 +1,10 @@
@time-picker-prefix-cls: ~"@{css-prefix}time-picker"; @time-picker-prefix-cls: ~"@{css-prefix}time-picker";
@time-picker-cells-width: 112px; @time-picker-cells-width-base: 56px;
@time-picker-cells-width-with-seconds: @time-picker-cells-width + 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} { .@{time-picker-prefix-cls} {
&-cells{ &-cells{
@ -10,7 +14,7 @@
} }
&-list{ &-list{
width: 56px; width: @time-picker-cells-width-base;
float: left; float: left;
position: relative; position: relative;
max-height: 144px; max-height: 144px;
@ -119,4 +123,25 @@
} }
} }
} }
}
.@{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;
}
}
}
}
}
}
} }