navbar 顶部导航栏

注意事项

状态栏

// tip: getSystemInfoSync 已废弃，建议使用 getWindowInfo 获取状态栏高度
// const statusBarHeight = wx.getSystemInfoSync().statusBarHeight
const statusBarHeight = wx.getWindowInfo().statusBarHeight

胶囊菜单

const menuButtonRect = wx.getMenuButtonBoundingClientRect()

// 胶囊高度
const menuButtonHeight = menuButtonRect.height
// 胶囊上方间距（胶囊顶部到状态栏底部的距离）
const capsuleTopGap = menuButtonRect.top - statusBarHeight

导航栏推荐最小高度

const navHeight = statusBarHeight + menuButtonHeight + capsuleTopGap * 2