- 首先获取状态栏高度和胶囊位置信息
// 获取状态栏高度
getStatusBarHeight(){
//获取状态栏的高度
wx.getSystemInfo({
success: (res) => {
console.log("状态栏高度:", res.statusBarHeight)
this.globalData.statusBarHeight = res.statusBarHeight;
}
})
},
// 获取胶囊位置信息
getMenuButtonMsg(){
let menuButtonObject = wx.getMenuButtonBoundingClientRect();
console.log("获取胶囊位置信息", menuButtonObject)
}
- 自定义导航高度动态设置为 胶囊高度 + 胶囊的top高度 + 自定义导航底部内间距(视个人情况,选择)
- 最后就是调整自定义导航栏的位置了 padding 或者 position,适当调整即可。