有个比较简单的方法, 就是在自定义table中写个笼罩层样式,然后打开自定义弹窗的时候,改变自定义table样式 .tab-bar { position: fixed; bottom: 0; left: 0; right: 0; display: flex; height: 116rpx; align-items: center; background-color: #fff; border-top: 1rpx solid #E5E5E5; padding-bottom: env(safe-area-inset-bottom); } .tab-bar-layer{ position: fixed; bottom: 0; left: 0; right: 0; display: flex; height: 116rpx; align-items: center; background-color: #fff; padding-bottom: env(safe-area-inset-bottom); &::before{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-color: rgba(0,0,0,1); opacity: 0.5; backdrop-filter: blur(7px); // filter:blur(5px); } }
小程序tabBar层级z-index问题,自定义弹窗遮挡不住[图片] 示例截图!上面遮罩遮住的是自己写的自定义底部tabBar导航,下面是小程序官方tabBar组件。自定义的弹窗和遮罩不能将官方tabBar组件盖住,导致点击官方tabBar组件还能切换页面。@官方人员!能否给方便开发者自定义官方tabBar组件层级?能否方便开发者自定义弹窗遮罩全屏覆盖包括官方tabBar?会不会考虑以后的版本有这样的优化?
2023-04-24