|
|
@ -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 |
|
|
|