couponCenter_mpapp/src/utils/systemInfo.ts

/* eslint-disable import/no-mutable-exports */
// 获取屏幕边界到安全区域距离
let systemInfo
let safeAreaInsets
let menuButtonInfo

// #ifdef MP-WEIXIN
// 微信小程序平台使用该 API
menuButtonInfo = uni.getMenuButtonBoundingClientRect()
// #endif

// #ifndef MP-WEIXIN
// 其他平台提供默认值（避免在H5等平台为null导致报错）
menuButtonInfo = {
    height: 44,
    bottom: 44,
    top: 0,
    left: 0,
    right: 0,
    width: 0,
}
// #endif

// #ifdef MP-WEIXIN
// 微信小程序使用新的API
systemInfo = uni.getWindowInfo()
safeAreaInsets = systemInfo.safeArea
    ? {
        top: systemInfo.safeArea.top,
        right: systemInfo.windowWidth - systemInfo.safeArea.right,
        bottom: systemInfo.windowHeight - systemInfo.safeArea.bottom,
        left: systemInfo.safeArea.left,
    }
    : null
// #endif

// #ifndef MP-WEIXIN
// 其他平台继续使用uni API
systemInfo = uni.getSystemInfoSync()
// safeAreaInsets = systemInfo.safeAreaInsets
safeAreaInsets = systemInfo.safeAreaInsets || { top: 0, bottom: 0, left: 0, right: 0 }
// #endif

// console.log('systemInfo', systemInfo)
// 微信里面打印
// pixelRatio: 3
// safeArea: {top: 47, left: 0, right: 390, bottom: 810, width: 390, …}
// safeAreaInsets: {top: 47, left: 0, right: 0, bottom: 34}
// screenHeight: 844
// screenTop: 91
// screenWidth: 390
// statusBarHeight: 47
// windowBottom: 0
// windowHeight: 753
// windowTop: 0
// windowWidth: 390

/**
 * 将 rpx 转换为 px
 * @param rpx rpx值
 * @returns px值
 */
export function rpxToPx(rpx: number): number {
    // rpx基准是750rpx等于屏幕宽度
    const screenWidth = systemInfo?.windowWidth || 375 // 默认375px作为 fallback
    return (rpx * screenWidth) / 750
}

/**
 * 将 px 转换为 rpx
 * @param px px值
 * @returns rpx值
 */
export function pxToRpx(px: number): number {
    // rpx基准是750rpx等于屏幕宽度
    const screenWidth = systemInfo?.windowWidth || 375 // 默认375px作为 fallback
    return (px * 750) / screenWidth
}

export { menuButtonInfo, safeAreaInsets, systemInfo }