vant的日历组件，在iPhonex上可选日期空白

需求

一个列表页面需要用到日期筛选，用的是vant组件Calendar的选择日期区间

bug情况

进入页面，给了组件默认值，当点开日历时，可选日期空白，需要先向下拉一下，可选日期才会正常显示

解决方案

给日历控件设置高度，默认高度为页面的80%,我把它降为70%，成功解决bug

.van-calendar__popup.van-popup--bottom, .van-calendar__popup.van-popup--top{
    height: 70% !important;
  }

不要忘记：!important 哦~~，否则更改组件样式不会生效的

正常效果

本文地址：https://blog.csdn.net/weixin_42398301/article/details/107533148