Commit 0f512d6a7337a28309a9d8493ab3a5ab9e3ea8dc
1 parent
9eba26fe
update Date Icons
Showing
5 changed files
with
18 additions
and
18 deletions
Show diff stats
src/components/date-picker/panel/Date/date-range.vue
... | ... | @@ -11,12 +11,12 @@ |
11 | 11 | <div :class="[datePrefixCls + '-header']" v-show="currentView !== 'time'"> |
12 | 12 | <span |
13 | 13 | :class="iconBtnCls('prev', '-double')" |
14 | - @click="prevYear('left')"><Icon type="ios-arrow-left"></Icon></span> | |
14 | + @click="prevYear('left')"><Icon type="ios-arrow-back"></Icon></span> | |
15 | 15 | <span |
16 | 16 | v-if="leftPickerTable === 'date-table'" |
17 | 17 | :class="iconBtnCls('prev')" |
18 | 18 | @click="prevMonth('left')" |
19 | - v-show="currentView === 'date'"><Icon type="ios-arrow-left"></Icon></span> | |
19 | + v-show="currentView === 'date'"><Icon type="ios-arrow-back"></Icon></span> | |
20 | 20 | <date-panel-label |
21 | 21 | :date-panel-label="leftDatePanelLabel" |
22 | 22 | :current-view="leftDatePanelView" |
... | ... | @@ -24,12 +24,12 @@ |
24 | 24 | <span |
25 | 25 | v-if="splitPanels || leftPickerTable !== 'date-table'" |
26 | 26 | :class="iconBtnCls('next', '-double')" |
27 | - @click="nextYear('left')"><Icon type="ios-arrow-right"></Icon></span> | |
27 | + @click="nextYear('left')"><Icon type="ios-arrow-forward"></Icon></span> | |
28 | 28 | <span |
29 | 29 | v-if="splitPanels && leftPickerTable === 'date-table'" |
30 | 30 | :class="iconBtnCls('next')" |
31 | 31 | @click="nextMonth('left')" |
32 | - v-show="currentView === 'date'"><Icon type="ios-arrow-right"></Icon></span> | |
32 | + v-show="currentView === 'date'"><Icon type="ios-arrow-forward"></Icon></span> | |
33 | 33 | </div> |
34 | 34 | <component |
35 | 35 | :is="leftPickerTable" |
... | ... | @@ -53,24 +53,24 @@ |
53 | 53 | <span |
54 | 54 | v-if="splitPanels || rightPickerTable !== 'date-table'" |
55 | 55 | :class="iconBtnCls('prev', '-double')" |
56 | - @click="prevYear('right')"><Icon type="ios-arrow-left"></Icon></span> | |
56 | + @click="prevYear('right')"><Icon type="ios-arrow-back"></Icon></span> | |
57 | 57 | <span |
58 | 58 | v-if="splitPanels && rightPickerTable === 'date-table'" |
59 | 59 | :class="iconBtnCls('prev')" |
60 | 60 | @click="prevMonth('right')" |
61 | - v-show="currentView === 'date'"><Icon type="ios-arrow-left"></Icon></span> | |
61 | + v-show="currentView === 'date'"><Icon type="ios-arrow-back"></Icon></span> | |
62 | 62 | <date-panel-label |
63 | 63 | :date-panel-label="rightDatePanelLabel" |
64 | 64 | :current-view="rightDatePanelView" |
65 | 65 | :date-prefix-cls="datePrefixCls"></date-panel-label> |
66 | 66 | <span |
67 | 67 | :class="iconBtnCls('next', '-double')" |
68 | - @click="nextYear('right')"><Icon type="ios-arrow-right"></Icon></span> | |
68 | + @click="nextYear('right')"><Icon type="ios-arrow-forward"></Icon></span> | |
69 | 69 | <span |
70 | 70 | v-if="rightPickerTable === 'date-table'" |
71 | 71 | :class="iconBtnCls('next')" |
72 | 72 | @click="nextMonth('right')" |
73 | - v-show="currentView === 'date'"><Icon type="ios-arrow-right"></Icon></span> | |
73 | + v-show="currentView === 'date'"><Icon type="ios-arrow-forward"></Icon></span> | |
74 | 74 | </div> |
75 | 75 | <component |
76 | 76 | :is="rightPickerTable" | ... | ... |
src/components/date-picker/panel/Date/date.vue
... | ... | @@ -10,24 +10,24 @@ |
10 | 10 | <div :class="[datePrefixCls + '-header']" v-show="currentView !== 'time'"> |
11 | 11 | <span |
12 | 12 | :class="iconBtnCls('prev', '-double')" |
13 | - @click="changeYear(-1)"><Icon type="ios-arrow-left"></Icon></span> | |
13 | + @click="changeYear(-1)"><Icon type="ios-arrow-back"></Icon></span> | |
14 | 14 | <span |
15 | 15 | v-if="pickerTable === 'date-table'" |
16 | 16 | :class="iconBtnCls('prev')" |
17 | 17 | @click="changeMonth(-1)" |
18 | - v-show="currentView === 'date'"><Icon type="ios-arrow-left"></Icon></span> | |
18 | + v-show="currentView === 'date'"><Icon type="ios-arrow-back"></Icon></span> | |
19 | 19 | <date-panel-label |
20 | 20 | :date-panel-label="datePanelLabel" |
21 | 21 | :current-view="pickerTable.split('-').shift()" |
22 | 22 | :date-prefix-cls="datePrefixCls"></date-panel-label> |
23 | 23 | <span |
24 | 24 | :class="iconBtnCls('next', '-double')" |
25 | - @click="changeYear(+1)"><Icon type="ios-arrow-right"></Icon></span> | |
25 | + @click="changeYear(+1)"><Icon type="ios-arrow-forward"></Icon></span> | |
26 | 26 | <span |
27 | 27 | v-if="pickerTable === 'date-table'" |
28 | 28 | :class="iconBtnCls('next')" |
29 | 29 | @click="changeMonth(+1)" |
30 | - v-show="currentView === 'date'"><Icon type="ios-arrow-right"></Icon></span> | |
30 | + v-show="currentView === 'date'"><Icon type="ios-arrow-forward"></Icon></span> | |
31 | 31 | </div> |
32 | 32 | <div :class="[prefixCls + '-content']"> |
33 | 33 | <component | ... | ... |
src/components/date-picker/picker.vue
... | ... | @@ -259,8 +259,8 @@ |
259 | 259 | }, |
260 | 260 | iconType () { |
261 | 261 | let icon = 'ios-calendar-outline'; |
262 | - if (this.type === 'time' || this.type === 'timerange') icon = 'ios-clock-outline'; | |
263 | - if (this.showClose) icon = 'ios-close'; | |
262 | + if (this.type === 'time' || this.type === 'timerange') icon = 'ios-time-outline'; | |
263 | + if (this.showClose) icon = 'ios-close-circle'; | |
264 | 264 | return icon; |
265 | 265 | }, |
266 | 266 | transition () { | ... | ... |
src/styles/components/date-picker.less
... | ... | @@ -190,7 +190,7 @@ |
190 | 190 | &-arrow-double{ |
191 | 191 | margin-left: 10px; |
192 | 192 | i:after{ |
193 | - content: "\F3D2"; | |
193 | + content: "\F3CF"; | |
194 | 194 | } |
195 | 195 | } |
196 | 196 | } |
... | ... | @@ -199,7 +199,7 @@ |
199 | 199 | &-arrow-double{ |
200 | 200 | margin-right: 10px; |
201 | 201 | i:after{ |
202 | - content: "\F3D3"; | |
202 | + content: "\F3D1"; | |
203 | 203 | } |
204 | 204 | } |
205 | 205 | } | ... | ... |
src/styles/components/page.less