写一个标题栏组件,实现与胶囊对齐
lifetimes:{
attached: function () {
let bar = wx.getMenuButtonBoundingClientRect() // 获取胶囊丸信息
// 胶囊的top有时候获取到是0 ,所以兼容 statusBarHeight(刘海的高度,原生标题栏的top,比胶囊的top高一些)
let top = bar.top || wx.getSystemInfoSync().statusBarHeight+4
this.setData({
//height: bar.height, // 标题栏高度与胶囊 高度相同,适用于透明标题栏。
height: bar.height + top, // 标题栏高度与胶囊 高度相同,适用于透明标题栏。
top // 标题栏top。如果标题栏高度比胶囊大,设置为 top - (navigationHeight - bar.height)/2
})
}
},