修复时间选择器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> </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"

View File

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

View File

@ -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"

View File

@ -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)"

View File

@ -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;
}