解决微信小程序tabBar自定义弹窗遮挡不住

背景

最近开发微信小程序发现一个问题，就是微信小程序官方自带的tabbar层级很高，自定义modal盖不住tabbar的问题；翻阅官方的社区，很多同学说 设置z-index:99999；可以解决这个问题，我实践下来是有问题的；ios是解决不了问题；经过反复实践有两种方法可以解决问题；

方法一：自定义tabbar

这个方法就是完全放弃微信官方的tabbar；自己用SPA的方式去实现一个tabbar; 这个方法的优点：

• tabbar能自己定制化；顺手也解决了盖不住的问题；缺点在于：
• 要自己实现微信官方的实现的功能比如wx.switchTab等基础功能
• 需要自己实现路由管理
• 需要比较大测试成本整体实现成本还是比较大的，具体实现方法这里不做演示，感兴趣的可以自行找相关的文章；社区有许多这个文章。

方法二：套用原生提供的tabbar自定义功能，嵌套自己的tabbar组件

具体实现方法如下：第一步:开启原生的自定义tabbar功能：

// app.json加入以下代码"tabBar": {"custom": true,"list": [{"pagePath": "pages/index/index","text": "首页"},{"pagePath": "pages/account/index","text": &