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,7 +39,7 @@
39 props: { 39 props: {
40 date: { 40 date: {
41 default () { 41 default () {
42 - return initTimeDate() 42 + return initTimeDate();
43 } 43 }
44 }, 44 },
45 value: { 45 value: {
src/styles/components/time-picker.less
  Show/Hide comments   View file @62c7f99
1 @time-picker-prefix-cls: ~"@{css-prefix}time-picker"; 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 .@{time-picker-prefix-cls} { 9 .@{time-picker-prefix-cls} {
6 &-cells{ 10 &-cells{
@@ -10,7 +14,7 @@ @@ -10,7 +14,7 @@
10 } 14 }
11 15
12 &-list{ 16 &-list{
13 - width: 56px; 17 + width: @time-picker-cells-width-base;
14 float: left; 18 float: left;
15 position: relative; 19 position: relative;
16 max-height: 144px; 20 max-height: 144px;
@@ -119,4 +123,25 @@ @@ -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 \ No newline at end of file 148 \ No newline at end of file