https://gist.github.com/realpg/9631bc5b92f7ae1beaf07ad37a40481b
Vant 版本4.7.3
描述一下你遇到的问题。可以直接用默认组件直接布局直接复现 所以未提供代码片段
问题直观图:
问题描述: 页面上放一个默认的vant的tabs组件,且开启了选中项彩色下划线
如果这时界面逻辑弹出一个overlay组件,则那个彩色的下划线不会被overlay遮挡
这里放任何其他非float的组件应该也有同样的问题
问题原因分析:
如图所示 这个下划线是 到dom上 .van-tabs__line 是一个absolute的div且z-index是1 他是float状态的 而overlay是类block布局的,填充纯色背景遮挡不住这个线
这应该是一个bug吧。overlay遮挡不住的元素。 或者换句话说,在页面基本布局结构里放了一个z-index是1的float元素,不应该这样设计吧
重现步骤页面上放一个默认的vant的tabs组件,默认开启了选中项彩色下划线
如果这时界面逻辑弹出一个overlay组件,则那个彩色的下划线不会被overlay遮挡
设备/浏览器任何设备 全平台