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

update Date Icons

Browse source
This commit is contained in:
梁灏 2018-06-25 13:27:14 +08:00
parent 9eba26feaa
commit 0f512d6a73
5 changed files with 18 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/components/date-picker/panel/Date/date-range.vue
View file

@ -11,12 +11,12 @@
<div :class="[datePrefixCls + '-header']" v-show="currentView !== 'time'"> <div :class="[datePrefixCls + '-header']" v-show="currentView !== 'time'">
<span <span
:class="iconBtnCls('prev', '-double')" :class="iconBtnCls('prev', '-double')"
@click="prevYear('left')"><Icon type="ios-arrow-left"></Icon></span> @click="prevYear('left')"><Icon type="ios-arrow-back"></Icon></span>
<span <span
v-if="leftPickerTable === 'date-table'" v-if="leftPickerTable === 'date-table'"
:class="iconBtnCls('prev')" :class="iconBtnCls('prev')"
@click="prevMonth('left')" @click="prevMonth('left')"
v-show="currentView === 'date'"><Icon type="ios-arrow-left"></Icon></span> v-show="currentView === 'date'"><Icon type="ios-arrow-back"></Icon></span>
<date-panel-label <date-panel-label
:date-panel-label="leftDatePanelLabel" :date-panel-label="leftDatePanelLabel"
:current-view="leftDatePanelView" :current-view="leftDatePanelView"
@ -24,12 +24,12 @@
<span <span
v-if="splitPanels || leftPickerTable !== 'date-table'" v-if="splitPanels || leftPickerTable !== 'date-table'"
:class="iconBtnCls('next', '-double')" :class="iconBtnCls('next', '-double')"
@click="nextYear('left')"><Icon type="ios-arrow-right"></Icon></span> @click="nextYear('left')"><Icon type="ios-arrow-forward"></Icon></span>
<span <span
v-if="splitPanels && leftPickerTable === 'date-table'" v-if="splitPanels && leftPickerTable === 'date-table'"
:class="iconBtnCls('next')" :class="iconBtnCls('next')"
@click="nextMonth('left')" @click="nextMonth('left')"
v-show="currentView === 'date'"><Icon type="ios-arrow-right"></Icon></span> v-show="currentView === 'date'"><Icon type="ios-arrow-forward"></Icon></span>
</div> </div>
<component <component
:is="leftPickerTable" :is="leftPickerTable"
@ -53,24 +53,24 @@
<span <span
v-if="splitPanels || rightPickerTable !== 'date-table'" v-if="splitPanels || rightPickerTable !== 'date-table'"
:class="iconBtnCls('prev', '-double')" :class="iconBtnCls('prev', '-double')"
@click="prevYear('right')"><Icon type="ios-arrow-left"></Icon></span> @click="prevYear('right')"><Icon type="ios-arrow-back"></Icon></span>
<span <span
v-if="splitPanels && rightPickerTable === 'date-table'" v-if="splitPanels && rightPickerTable === 'date-table'"
:class="iconBtnCls('prev')" :class="iconBtnCls('prev')"
@click="prevMonth('right')" @click="prevMonth('right')"
v-show="currentView === 'date'"><Icon type="ios-arrow-left"></Icon></span> v-show="currentView === 'date'"><Icon type="ios-arrow-back"></Icon></span>
<date-panel-label <date-panel-label
:date-panel-label="rightDatePanelLabel" :date-panel-label="rightDatePanelLabel"
:current-view="rightDatePanelView" :current-view="rightDatePanelView"
:date-prefix-cls="datePrefixCls"></date-panel-label> :date-prefix-cls="datePrefixCls"></date-panel-label>
<span <span
:class="iconBtnCls('next', '-double')" :class="iconBtnCls('next', '-double')"
@click="nextYear('right')"><Icon type="ios-arrow-right"></Icon></span> @click="nextYear('right')"><Icon type="ios-arrow-forward"></Icon></span>
<span <span
v-if="rightPickerTable === 'date-table'" v-if="rightPickerTable === 'date-table'"
:class="iconBtnCls('next')" :class="iconBtnCls('next')"
@click="nextMonth('right')" @click="nextMonth('right')"
v-show="currentView === 'date'"><Icon type="ios-arrow-right"></Icon></span> v-show="currentView === 'date'"><Icon type="ios-arrow-forward"></Icon></span>
</div> </div>
<component <component
:is="rightPickerTable" :is="rightPickerTable"

8
src/components/date-picker/panel/Date/date.vue
View file

@ -10,24 +10,24 @@
<div :class="[datePrefixCls + '-header']" v-show="currentView !== 'time'"> <div :class="[datePrefixCls + '-header']" v-show="currentView !== 'time'">
<span <span
:class="iconBtnCls('prev', '-double')" :class="iconBtnCls('prev', '-double')"
@click="changeYear(-1)"><Icon type="ios-arrow-left"></Icon></span> @click="changeYear(-1)"><Icon type="ios-arrow-back"></Icon></span>
<span <span
v-if="pickerTable === 'date-table'" v-if="pickerTable === 'date-table'"
:class="iconBtnCls('prev')" :class="iconBtnCls('prev')"
@click="changeMonth(-1)" @click="changeMonth(-1)"
v-show="currentView === 'date'"><Icon type="ios-arrow-left"></Icon></span> v-show="currentView === 'date'"><Icon type="ios-arrow-back"></Icon></span>
<date-panel-label <date-panel-label
:date-panel-label="datePanelLabel" :date-panel-label="datePanelLabel"
:current-view="pickerTable.split('-').shift()" :current-view="pickerTable.split('-').shift()"
:date-prefix-cls="datePrefixCls"></date-panel-label> :date-prefix-cls="datePrefixCls"></date-panel-label>
<span <span
:class="iconBtnCls('next', '-double')" :class="iconBtnCls('next', '-double')"
@click="changeYear(+1)"><Icon type="ios-arrow-right"></Icon></span> @click="changeYear(+1)"><Icon type="ios-arrow-forward"></Icon></span>
<span <span
v-if="pickerTable === 'date-table'" v-if="pickerTable === 'date-table'"
:class="iconBtnCls('next')" :class="iconBtnCls('next')"
@click="changeMonth(+1)" @click="changeMonth(+1)"
v-show="currentView === 'date'"><Icon type="ios-arrow-right"></Icon></span> v-show="currentView === 'date'"><Icon type="ios-arrow-forward"></Icon></span>
</div> </div>
<div :class="[prefixCls + '-content']"> <div :class="[prefixCls + '-content']">
<component <component

4
src/components/date-picker/picker.vue
View file

@ -259,8 +259,8 @@
}, },
iconType () { iconType () {
let icon = 'ios-calendar-outline'; let icon = 'ios-calendar-outline';
if (this.type === 'time' || this.type === 'timerange') icon = 'ios-clock-outline'; if (this.type === 'time' || this.type === 'timerange') icon = 'ios-time-outline';
if (this.showClose) icon = 'ios-close'; if (this.showClose) icon = 'ios-close-circle';
return icon; return icon;
}, },
transition () { transition () {

4
src/styles/components/date-picker.less
View file

@ -190,7 +190,7 @@
&-arrow-double{ &-arrow-double{
margin-left: 10px; margin-left: 10px;
i:after{ i:after{
content: "\F3D2"; content: "\F3CF";
} }
} }
} }
@ -199,7 +199,7 @@
&-arrow-double{ &-arrow-double{
margin-right: 10px; margin-right: 10px;
i:after{ i:after{
content: "\F3D3"; content: "\F3D1";
} }
} }
} }

4
src/styles/components/page.less
View file

@ -79,13 +79,13 @@
&-item-jump-prev:hover { &-item-jump-prev:hover {
i:after { i:after {
content: "\F3D2"; content: "\F3CF";
} }
} }
&-item-jump-next:hover { &-item-jump-next:hover {
i:after { i:after {
content: "\F3D3"; content: "\F3D1";
} }
} }