systemInfo.js 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. /**
  2. * 此js文件管理关于当前设备的机型系统信息
  3. */
  4. const systemInfo = function() {
  5. /****************** 所有平台共有的系统信息 ********************/
  6. // 设备系统信息
  7. let systemInfomations = uni.getSystemInfoSync()
  8. // 机型适配比例系数
  9. let scaleFactor = 750 / systemInfomations.windowWidth
  10. // 当前机型-屏幕高度
  11. let windowHeight = systemInfomations.windowHeight * scaleFactor //rpx
  12. // 当前机型-屏幕宽度
  13. let windowWidth = systemInfomations.windowWidth * scaleFactor //rpx
  14. // 状态栏高度
  15. let statusBarHeight = (systemInfomations.statusBarHeight) * scaleFactor //rpx
  16. // 导航栏高度 注意:此导航栏高度只针对微信小程序有效 其他平台如自定义导航栏请使用:状态栏高度+自定义文本高度
  17. let navHeight = 0 //rpx
  18. // console.log(windowHeight,'哈哈哈哈哈');
  19. /****************** 微信小程序头部胶囊信息 ********************/
  20. // #ifdef MP-WEIXIN
  21. const menuButtonInfo = wx.getMenuButtonBoundingClientRect()
  22. // 胶囊高度
  23. let menuButtonHeight = menuButtonInfo.height * scaleFactor //rpx
  24. // 胶囊宽度
  25. let menuButtonWidth = menuButtonInfo.width * scaleFactor //rpx
  26. // 胶囊上边界的坐标
  27. let menuButtonTop = menuButtonInfo.top * scaleFactor //rpx
  28. // 胶囊右边界的坐标
  29. let menuButtonRight = menuButtonInfo.right * scaleFactor //rpx
  30. // 胶囊下边界的坐标
  31. let menuButtonBottom = menuButtonInfo.bottom * scaleFactor //rpx
  32. // 胶囊左边界的坐标
  33. let menuButtonLeft = menuButtonInfo.left * scaleFactor //rpx
  34. // 微信小程序中导航栏高度 = 胶囊高度 + (顶部距离 - 状态栏高度) * 2
  35. navHeight = menuButtonHeight + (menuButtonTop - statusBarHeight) * 2
  36. // #endif
  37. // #ifdef MP-WEIXIN
  38. return {
  39. scaleFactor,
  40. windowHeight,
  41. windowWidth,
  42. statusBarHeight,
  43. menuButtonHeight,
  44. menuButtonWidth,
  45. menuButtonTop,
  46. menuButtonRight,
  47. menuButtonBottom,
  48. menuButtonLeft,
  49. navHeight
  50. }
  51. // #endif
  52. // #ifndef MP-WEIXIN
  53. return {
  54. scaleFactor,
  55. windowHeight,
  56. windowWidth,
  57. statusBarHeight
  58. }
  59. // #endif
  60. }
  61. export {
  62. systemInfo
  63. }