修复时间选择器UI bug

This commit is contained in:
范鹏 2025-02-17 18:50:49 +08:00
parent 3149b92f15
commit b195fe5a49
5 changed files with 13 additions and 10 deletions

View File

@ -8,7 +8,8 @@
</view>
<up-datetime-picker
:filter="filter"
itemHeight="60"
:itemHeight="70"
:visibleItemCount="5"
:minDate="minDate"
:show="show"
v-model="time"

View File

@ -65,7 +65,7 @@
}
const change = e => {
text.value = e.target.value
text.value = e
}
const confirm = () => {

View File

@ -88,11 +88,12 @@
>
<up-datetime-picker
:hasInput="false"
:itemHeight="70"
:visibleItemCount="5"
:show="showStartDate"
v-model="defaultStartDate"
mode="date"
closeOnClickOverlay
:visibleItemCount="5"
@close="showStartDate = false"
@confirm="confirmDate('start', $event)"
@cancel="showStartDate = false"
@ -100,10 +101,11 @@
<up-datetime-picker
:hasInput="false"
:show="showEndDate"
:itemHeight="70"
:visibleItemCount="5"
v-model="defaultEndDate"
mode="date"
closeOnClickOverlay
:visibleItemCount="5"
@close="showEndDate = false"
@confirm="confirmDate('end', $event)"
@cancel="showEndDate = false"
@ -111,10 +113,11 @@
<up-datetime-picker
:hasInput="false"
:show="showStartTime"
:itemHeight="70"
:visibleItemCount="5"
v-model="defaultStartTime"
mode="time"
closeOnClickOverlay
:visibleItemCount="5"
@close="showStartTime = false"
@confirm="confirmTime('start', $event)"
@cancel="showStartTime = false"
@ -122,10 +125,11 @@
<up-datetime-picker
:hasInput="false"
:show="showEndTime"
:itemHeight="70"
:visibleItemCount="5"
v-model="defaultEndTime"
mode="time"
closeOnClickOverlay
:visibleItemCount="5"
@close="showEndTime = false"
@confirm="confirmTime('end', $event)"
@cancel="showEndTime = false"

View File

@ -47,6 +47,7 @@
v-model="defaultStartDate"
mode="datetime"
closeOnClickOverlay
:itemHeight="70"
:visibleItemCount="5"
@close="showStartDate = false"
@confirm="confirmDate('start', $event)"
@ -58,6 +59,7 @@
v-model="defaultEndDate"
mode="datetime"
closeOnClickOverlay
:itemHeight="70"
:visibleItemCount="5"
@close="showEndDate = false"
@confirm="confirmDate('end', $event)"

View File

@ -77,7 +77,3 @@ $uni-color-subtitle: #555555; // 二级标题颜色
$uni-font-size-subtitle:26px;
$uni-color-paragraph: #3F536E; // 文章段落颜色
$uni-font-size-paragraph:15px;
.u-picker__view {
height: 500rpx !important;
}