修复时间选择器UI bug
This commit is contained in:
parent
3149b92f15
commit
b195fe5a49
@ -8,7 +8,8 @@
|
|||||||
</view>
|
</view>
|
||||||
<up-datetime-picker
|
<up-datetime-picker
|
||||||
:filter="filter"
|
:filter="filter"
|
||||||
itemHeight="60"
|
:itemHeight="70"
|
||||||
|
:visibleItemCount="5"
|
||||||
:minDate="minDate"
|
:minDate="minDate"
|
||||||
:show="show"
|
:show="show"
|
||||||
v-model="time"
|
v-model="time"
|
||||||
|
|||||||
@ -65,7 +65,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
const change = e => {
|
const change = e => {
|
||||||
text.value = e.target.value
|
text.value = e
|
||||||
}
|
}
|
||||||
|
|
||||||
const confirm = () => {
|
const confirm = () => {
|
||||||
|
|||||||
@ -88,11 +88,12 @@
|
|||||||
>
|
>
|
||||||
<up-datetime-picker
|
<up-datetime-picker
|
||||||
:hasInput="false"
|
:hasInput="false"
|
||||||
|
:itemHeight="70"
|
||||||
|
:visibleItemCount="5"
|
||||||
:show="showStartDate"
|
:show="showStartDate"
|
||||||
v-model="defaultStartDate"
|
v-model="defaultStartDate"
|
||||||
mode="date"
|
mode="date"
|
||||||
closeOnClickOverlay
|
closeOnClickOverlay
|
||||||
:visibleItemCount="5"
|
|
||||||
@close="showStartDate = false"
|
@close="showStartDate = false"
|
||||||
@confirm="confirmDate('start', $event)"
|
@confirm="confirmDate('start', $event)"
|
||||||
@cancel="showStartDate = false"
|
@cancel="showStartDate = false"
|
||||||
@ -100,10 +101,11 @@
|
|||||||
<up-datetime-picker
|
<up-datetime-picker
|
||||||
:hasInput="false"
|
:hasInput="false"
|
||||||
:show="showEndDate"
|
:show="showEndDate"
|
||||||
|
:itemHeight="70"
|
||||||
|
:visibleItemCount="5"
|
||||||
v-model="defaultEndDate"
|
v-model="defaultEndDate"
|
||||||
mode="date"
|
mode="date"
|
||||||
closeOnClickOverlay
|
closeOnClickOverlay
|
||||||
:visibleItemCount="5"
|
|
||||||
@close="showEndDate = false"
|
@close="showEndDate = false"
|
||||||
@confirm="confirmDate('end', $event)"
|
@confirm="confirmDate('end', $event)"
|
||||||
@cancel="showEndDate = false"
|
@cancel="showEndDate = false"
|
||||||
@ -111,10 +113,11 @@
|
|||||||
<up-datetime-picker
|
<up-datetime-picker
|
||||||
:hasInput="false"
|
:hasInput="false"
|
||||||
:show="showStartTime"
|
:show="showStartTime"
|
||||||
|
:itemHeight="70"
|
||||||
|
:visibleItemCount="5"
|
||||||
v-model="defaultStartTime"
|
v-model="defaultStartTime"
|
||||||
mode="time"
|
mode="time"
|
||||||
closeOnClickOverlay
|
closeOnClickOverlay
|
||||||
:visibleItemCount="5"
|
|
||||||
@close="showStartTime = false"
|
@close="showStartTime = false"
|
||||||
@confirm="confirmTime('start', $event)"
|
@confirm="confirmTime('start', $event)"
|
||||||
@cancel="showStartTime = false"
|
@cancel="showStartTime = false"
|
||||||
@ -122,10 +125,11 @@
|
|||||||
<up-datetime-picker
|
<up-datetime-picker
|
||||||
:hasInput="false"
|
:hasInput="false"
|
||||||
:show="showEndTime"
|
:show="showEndTime"
|
||||||
|
:itemHeight="70"
|
||||||
|
:visibleItemCount="5"
|
||||||
v-model="defaultEndTime"
|
v-model="defaultEndTime"
|
||||||
mode="time"
|
mode="time"
|
||||||
closeOnClickOverlay
|
closeOnClickOverlay
|
||||||
:visibleItemCount="5"
|
|
||||||
@close="showEndTime = false"
|
@close="showEndTime = false"
|
||||||
@confirm="confirmTime('end', $event)"
|
@confirm="confirmTime('end', $event)"
|
||||||
@cancel="showEndTime = false"
|
@cancel="showEndTime = false"
|
||||||
|
|||||||
@ -47,6 +47,7 @@
|
|||||||
v-model="defaultStartDate"
|
v-model="defaultStartDate"
|
||||||
mode="datetime"
|
mode="datetime"
|
||||||
closeOnClickOverlay
|
closeOnClickOverlay
|
||||||
|
:itemHeight="70"
|
||||||
:visibleItemCount="5"
|
:visibleItemCount="5"
|
||||||
@close="showStartDate = false"
|
@close="showStartDate = false"
|
||||||
@confirm="confirmDate('start', $event)"
|
@confirm="confirmDate('start', $event)"
|
||||||
@ -58,6 +59,7 @@
|
|||||||
v-model="defaultEndDate"
|
v-model="defaultEndDate"
|
||||||
mode="datetime"
|
mode="datetime"
|
||||||
closeOnClickOverlay
|
closeOnClickOverlay
|
||||||
|
:itemHeight="70"
|
||||||
:visibleItemCount="5"
|
:visibleItemCount="5"
|
||||||
@close="showEndDate = false"
|
@close="showEndDate = false"
|
||||||
@confirm="confirmDate('end', $event)"
|
@confirm="confirmDate('end', $event)"
|
||||||
|
|||||||
4
uni.scss
4
uni.scss
@ -77,7 +77,3 @@ $uni-color-subtitle: #555555; // 二级标题颜色
|
|||||||
$uni-font-size-subtitle:26px;
|
$uni-font-size-subtitle:26px;
|
||||||
$uni-color-paragraph: #3F536E; // 文章段落颜色
|
$uni-color-paragraph: #3F536E; // 文章段落颜色
|
||||||
$uni-font-size-paragraph:15px;
|
$uni-font-size-paragraph:15px;
|
||||||
|
|
||||||
.u-picker__view {
|
|
||||||
height: 500rpx !important;
|
|
||||||
}
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user