当前位置: 首页 > Web前端 > CSS

微信小程序使用van-tabs组件,ios真机z-index层级错乱问题【已解决,ios自定义组件层级不穿透】

时间:2023-03-31 01:32:22 CSS

微信小程序使用了van-tabs组件,ios真机z-index层次错乱。上机效果(安卓真机正常)3、先来看一下代码层次的现状。A是van-tabs,B是自定义组件,是数据列表,C是单数据,D也是自定义组件(图中省略)是单数据。详情弹出,D是B的子组件!在z-index层面,A是相对定位,B和C没有定位,所以A>BD设置了z-index9999但是没有生效。4.弄清楚后,有一个大胆的猜测:B和D是自定义组件,而D是B的子组件,会不会导致D的最高级别和B一样高?结果打不透B,就被A成分覆盖了?5、调整组件的父子关系为了验证是否存在这个问题,我将组件D从组件B中剥离出来,放在与A、B同级的wxml中导入。果不其然,在Apple11上就恢复正常了。为了更好的理解这个问题,所以我定义为:ios自定义组件级别不穿透。正确的做法是把需要更高层级的组件放在外层。欢迎留言,我们一起探索更多~