小程序自定义标题栏“navigationStyle“: “custom“

写一个标题栏组件，实现与胶囊对齐

 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,	// 标题栏高度与胶囊 高度相同，适用于透明标题栏。
                top	// 标题栏top。如果标题栏高度比胶囊大，设置为 top - (navigationHeight - bar.height)/2
            })
        }
  },