当前位置： 移动技术网 > 移动技术>手机>苹果 > vant的日历组件，在iPhonex上可选日期空白

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

2020年07月27日  | 移动技术网移动技术  | 我要评论

需求

一个列表页面需要用到日期筛选，用的是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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网