项目场景:
今天项目引了vant-DatetimePicker时间选择器,前边还好好的,改了一些无关的文件,发现这时间选择滚动区域消失没了。
问题描述:
第一时间是找全局样式,看有没有被重写,没找着,也没重写,那就奇怪了。
然后调试器看样式…
发现这玩意,东西是在的,但是跑偏了,没显示出来,看了一下布局,找到问题了。
原因分析:
这个组件的中间是有两条线的,这玩意占位。
它身上带了个样式。
就是这个东西顶掉了下边的绝对定位,影响了定位,导致其他元素显示异常。
[class*=van-hairline] {
position: relative;
}
解决方案:
全局样式表里把这个样式改回去。
.van-picker__frame{
position: absolute !important;
}