2021-10-19

微信小程序自定义导航栏数据获取

wx.getSystemInfo({
 success: (res)=> {
    let info={}
    if(res.system.indexOf("iOS")!=-1){
         // ios设备的胶囊按钮都是固定的
        info = {
          width: 87,
          height: 32,
          left: res.screenWidth - 7 - 87,
          right: res.screenWidth - 7,
          top: res.statusBarHeight + 4,
          bottom: res.statusBarHeight + 4 + 32
        }
    }else{
        // 安卓通过api获取
      info = wx.getMenuButtonBoundingClientRect()
    }
     // 状态栏的高度 statusBarHeight
      let statusBarHeight = res.statusBarHeight;
      /**胶囊距底部间距（顶部间距也是这个）
       * 胶囊按钮位置信息getMenuButtonBoundingClientRect
       * （胶囊上坐标位置-状态栏高度）
      */
      let menuBottom=info.top - statusBarHeight;
      // 胶囊高度
      let menuHeight=info.height
  },
  fail(err) {
      console.log(err,'err')
  }
})