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

作者：小惠珠哦 | 2024-07-01 05:20:07

踩

navigationstyle

app.json


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

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


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

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

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

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

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小惠珠哦/article/detail/775235

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