在uniapp中获取微信小程序状态栏和导航栏的高度

getTopIconDistance() {
  uni.getSystemInfo({
    success: (res) => {
      // 获取手机顶部状态栏的高度
      const statusBarHeight = res.statusBarHeight || 0;

      // 获取导航栏的高度（手机状态栏高度 + 胶囊高度 + 胶囊的上下间距）
      const menuButtonInfo = uni.getMenuButtonBoundingClientRect();
      const navBarHeight = menuButtonInfo.height + (menuButtonInfo.top - statusBarHeight) * 2;

      // 计算顶部图标距离
      const topIconDistance = statusBarHeight + navBarHeight;

      // 打印顶部图标距离
      console.log('顶部图标距离:', topIconDistance);
    },
    fail: (err) => {
      console.error('获取系统信息失败:', err);
    },
  });
}