baseService/wxMini/dist/utils/device-util.js

/**
 * 设备工具类
 * 可以获取一些与设备相关的信息
 * 该类获取到的所有设备信息单位均为 rpx
 */
class DeviceUtil {
  /**
   * 构造函数
   * @param systemInfo 设备信息
   */
  constructor(systemInfo) {
    this.systemInfo = systemInfo;
  }

  /**
   * px 转 rpx
   * @param px 像素值
   */
  px2rpx(px) {
    const windowWidth = this.systemInfo.windowWidth;
    return 750 / windowWidth * px;
  }

  /**
   * rpx 转 px
   * @param rpx
   */
  rpx2px(rpx) {
    const windowWidth = this.systemInfo.windowWidth;
    return windowWidth / 750 * rpx;
  }

  /**
   * 获取导航栏高度（单位rpx）
   */
  getNavigationBarHeight() {
    const titleBarHeight = this.getTitleBarHeight();
    const statusBarHeight = this.getStatusBarHeight();
    return titleBarHeight + statusBarHeight;
  }

  /**
   * 获取状态栏高度（单位rpx）
   */
  getStatusBarHeight() {
    return this.px2rpx(this.systemInfo.statusBarHeight);
  }

  /**
   * 获取标题栏高度（单位rpx）
   */
  getTitleBarHeight() {
    const statusBarHeight = this.systemInfo.statusBarHeight;
    const capsuleButtonInfo = wx.getMenuButtonBoundingClientRect();
    const gap = capsuleButtonInfo.top - statusBarHeight;
    return this.px2rpx(gap * 2 + capsuleButtonInfo.height);
  }

}

const deviceUtil = new DeviceUtil(wx.getSystemInfoSync());
export default deviceUtil;