工作中遇到一个神奇的bug,代码没有问题点击第一个单元格的时候无法正常点击,通过调试工具定位发现是m-tabbar组件的m-tabbar-box元素有浮动导致了点击失效。
解决办法1:
设置元素的z-index大于tabbar的,这样要对页面元素底部做一个填充确保列表数量过多时下滑不遮挡tabbar,不推荐这个方法
解决办法2:
/deep/.m-tabbar-box{ // 清除tabbar浮动造成的层级遮挡问题
position: relative;
top: -200rpx;
}
css中做一个样式穿透 简单高效。