chenhaodong / mew-iview

Commit 62c7f997806322809861d3e9675b66487fef03f6

Authored by 梁灏
1 parent 5cc9b892

update DateTimePicker 

update DateTimePicker
Showing 2 changed files with 29 additions and 4 deletions   Show diff stats
Inline Side-by-side
src/components/date-picker/panel/time.vue
  Show/Hide comments   View file @62c7f99
... ... @@ -39,7 +39,7 @@
39 39 props: {
40 40 date: {
41 41 default () {
42   - return initTimeDate()
  42 + return initTimeDate();
43 43 }
44 44 },
45 45 value: {
... ...
src/styles/components/time-picker.less
  Show/Hide comments   View file @62c7f99
1 1 @time-picker-prefix-cls: ~"@{css-prefix}time-picker";
2   -@time-picker-cells-width: 112px;
3   -@time-picker-cells-width-with-seconds: @time-picker-cells-width + 56px;
  2 +@time-picker-cells-width-base: 56px;
  3 +@time-picker-cells-width-with-date-base: 72px;
  4 +@time-picker-cells-width: @time-picker-cells-width-base * 2;
  5 +@time-picker-cells-width-with-seconds: @time-picker-cells-width-base *3;
  6 +@time-picker-cells-width-with-date: @time-picker-cells-width-with-date-base * 2;
  7 +@time-picker-cells-width-with-date-with-seconds: @time-picker-cells-width-with-date-base * 3;
4 8  
5 9 .@{time-picker-prefix-cls} {
6 10 &-cells{
... ... @@ -10,7 +14,7 @@
10 14 }
11 15  
12 16 &-list{
13   - width: 56px;
  17 + width: @time-picker-cells-width-base;
14 18 float: left;
15 19 position: relative;
16 20 max-height: 144px;
... ... @@ -119,4 +123,25 @@
119 123 }
120 124 }
121 125 }
  126 +}
  127 +
  128 +.@{picker-prefix-cls}-panel-content{
  129 + .@{picker-prefix-cls}-panel-content{
  130 + .@{time-picker-prefix-cls}{
  131 + &-cells{
  132 + min-width: @time-picker-cells-width-with-date;
  133 + &-with-seconds{
  134 + min-width: @time-picker-cells-width-with-date-with-seconds;
  135 + }
  136 + &-list {
  137 + width: @time-picker-cells-width-with-date-base;
  138 + ul{
  139 + li{
  140 + padding: 0 0 0 28px;
  141 + }
  142 + }
  143 + }
  144 + }
  145 + }
  146 + }
122 147 }
123 148 \ No newline at end of file
... ...