wangjiahai 2 years ago
parent
commit
a66e0cbeef
  1. 10
      common/nav-calc-utils.js

10
common/nav-calc-utils.js

@ -4,7 +4,7 @@ function navParams() {
// 导航栏整体高度:状态栏+导航啦
navHeight: '0px',
// 状态栏高度
statusBarHeight: '0px',
statusBarHeight: 0,
// 导航栏可用高度(去除状态栏)
navUseHeight: '0px',
// 导航栏垂直内间距
@ -17,6 +17,11 @@ function navParams() {
// 同步获取信息
let info = uni.getSystemInfoSync();
// 状态栏高度
params.statusBarHeight = info.statusBarHeight
console.log(params);
// todo 首个页面不能用自定义的导航栏,否则数据不对,遗留问题
// 获取胶囊高度
// 以下示例数据都 来自 iPhoneX 75%大小的微信模拟器
@ -33,8 +38,6 @@ function navParams() {
let menuButtonVerticalPadding = navHeight - menuButtonBottom;
// 胶囊右侧距离屏幕右侧的间距为7 实际为17.5(18)像素
let menuButtonHorizontalPadding = info.screenWidth - menuButton.right;
// 不使用系统提供的状态栏高度44,自己计算高度40 实际为100像素
let statusBarHeight = navHeight - menuButtonHeight - menuButtonVerticalPadding * 2;
// 导航栏可用最大高度 48 实际 120
let navMaxUseHeight = navHeight - statusBarHeight
// 导航栏paddingRight 101 实际252.5(253)像素
@ -42,7 +45,6 @@ function navParams() {
params.unit = 'px'
params.navHeight = navHeight + params.unit
params.statusBarHeight = statusBarHeight + params.unit
params.navUseHeight = navMaxUseHeight + params.unit
params.navVerticalPadding = menuButtonVerticalPadding + params.unit
params.navPaddingRight = navPaddingRight + params.unit

Loading…
Cancel
Save