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

app.json

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

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

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

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

---

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

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