微信小程序 自定义头部导航栏 navigationStyle

app.json

"window": {
	"navigationStyle": "custom"
}

获取设备顶部窗口高度（不同设备窗口高度不一样，根据这个来设置自定义导航栏的高度）

wx.getSystemInfo({
success: (res) => {
this.globalData.height = res.statusBarHeight
}
})

新建导航栏组件，全局所有页面引入导航栏组件

---

目前微信小程序不支持单个页面设置，一旦在要决定使用自定义导航栏，那么每个页面都需要设置，为了方便我就将其写成了一个组件：

具体内容看https://www.jianshu.com/p/7393c800ba09

转载于:https://my.oschina.net/u/3608045/blog/3095709