You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
58 lines
1.9 KiB
58 lines
1.9 KiB
function navParams() {
|
|
|
|
let params = {
|
|
// 导航栏整体高度：状态栏+导航啦
|
|
navHeight: '0px',
|
|
// 状态栏高度
|
|
statusBarHeight: 0,
|
|
// 导航栏可用高度(去除状态栏)
|
|
navUseHeight: '0px',
|
|
// 导航栏垂直内间距
|
|
navVerticalPadding: '0px',
|
|
// 导航栏右内间距
|
|
navPaddingRight: '0px',
|
|
unit: 'px'
|
|
}
|
|
|
|
// 同步获取信息
|
|
let info = uni.getSystemInfoSync();
|
|
|
|
// 状态栏高度
|
|
params.statusBarHeight = info.statusBarHeight
|
|
|
|
console.log(params);
|
|
|
|
// todo 首个页面不能用自定义的导航栏，否则数据不对，遗留问题
|
|
// 获取胶囊高度
|
|
// 以下示例数据都 来自 iPhoneX 75%大小的微信模拟器
|
|
// #ifdef MP-WEIXIN
|
|
let menuButton = uni.getMenuButtonBoundingClientRect();
|
|
// 胶囊高度32 实际应该为 80像素
|
|
let menuButtonHeight = menuButton.height;
|
|
// 整体屏幕的高度 - 可用的高度 = 状态栏+导航栏+底部导航栏(部分手机虚拟返回按键)
|
|
// 状态栏+导航栏 88 实际220
|
|
let navHeight = info.screenHeight - info.windowHeight;
|
|
// 小程序胶囊底部的纵向坐标 80 实际为200像素
|
|
let menuButtonBottom = menuButton.bottom;
|
|
// 胶囊底部距离导航栏底部的间距为8 实际为20像素
|
|
let menuButtonVerticalPadding = navHeight - menuButtonBottom;
|
|
// 胶囊右侧距离屏幕右侧的间距为7 实际为17.5(18)像素
|
|
let menuButtonHorizontalPadding = info.screenWidth - menuButton.right;
|
|
// 导航栏可用最大高度 48 实际 120
|
|
let navMaxUseHeight = navHeight - statusBarHeight
|
|
// 导航栏paddingRight 101 实际252.5(253)像素
|
|
let navPaddingRight = menuButton.width + menuButtonHorizontalPadding * 2
|
|
|
|
params.unit = 'px'
|
|
params.navHeight = navHeight + params.unit
|
|
params.navUseHeight = navMaxUseHeight + params.unit
|
|
params.navVerticalPadding = menuButtonVerticalPadding + params.unit
|
|
params.navPaddingRight = navPaddingRight + params.unit
|
|
// #endif
|
|
|
|
return params
|
|
}
|
|
|
|
export {
|
|
navParams
|
|
}
|