Skip to content

navbar 顶部导航栏

注意事项

custom navbar

状态栏

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

胶囊菜单

js
const menuButtonRect = wx.getMenuButtonBoundingClientRect()

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

导航栏推荐最小高度

js
const navHeight = statusBarHeight + menuButtonHeight + capsuleTopGap * 2

基于 MIT 许可发布