小程序自定义标题栏

在当前页的onload中

let menuButtonObject = wx.getMenuButtonBoundingClientRect();
    wx.getSystemInfo({
      success: res => {
        let statusBarHeight = res.statusBarHeight,
            navTop = menuButtonObject.top,//胶囊按钮与顶部的距离
            navHeight = statusBarHeight + menuButtonObject.height + (menuButtonObject.top - statusBarHeight)*2;//导航高度
        this.setData({
          navTop:navTop,
          navHeight:navHeight
        })
      },
      fail(err) {
        console.log(err);
      }
    })

在html页面

<view class="title" style="top: {{navTop+60}}rpx;height: {{navHeight+50}}rpx;">我的</view>

根据需求修改