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