乐趣区

vant-DatetimePicker-时间插件样式错乱不对齐问题

vant DatetimePicker 工夫插件款式错乱

针对的是 iphoneXS-max,iphone11,个别安卓机的零碎就会呈现款式错乱未对齐问题

仔细阅读 vant 官网后发现两个属性 [vant 官网] (https://youzan.github.io/vant…

API—Props 属性

item-height 选项高度,反对 pxrem 单位,默认 px,默认是 44
visible-item-count 可见的选项个数,默认是 5

填上这两个属性,改一下值就能够啦。

<!-- 抉择访问工夫弹出层 -->
<van-popup 
  v-model="showVisitDate"
  round 
  position="bottom">
  <van-datetime-picker
    item-height='45'
    visible-item-count='4'
    v-model="currentDate"
    type="datetime"
    title="请抉择访问工夫"
    :min-date="minDate"
    :max-date="maxDate"
    :formatter="formatter"
    @cancel="showVisitDate = false"
    @confirm="confirmVisitDateMethod"
  />
</van-popup>

如图

退出移动版