微信小程序嵌入H5页面可显示导航栏的解决办法

项目场景：

项目中要用到自定义地图，那么就得以嵌入H5页面的方式开发。

从微信小程序的文档中，我们知道web-view这个组件在页面中使用时，在微信小程序内是满铺的。其实我们的项目里，是希望在此页面下，能显示出导航栏。

 

---

解决方案：

无意中我发现，在app.json中的tabBar里把custom:true这条删掉，嵌入的H5页面就不会满铺，页面底部可以显示出导航栏。然后我再按照所需的样式修改了导航栏的样式就实现了项目的需求。