55 lines
1.3 KiB

2 years ago
function navParams() {
let params = {
2 years ago
// 胶囊
menuButton: {
width: 0,
height: 0
},
// 导航栏
2 years ago
// 可自定义,wx小程序会强制更改
2 years ago
navBar: {
2 years ago
// wx小程序是胶囊距离状态栏的距离
2 years ago
paddingTop: 0,
2 years ago
// wx小程序是paddingTop*2
paddingBottom: 0,
// wx小程序是胶囊距离屏幕右侧边界的距离
paddingRight: 0
2 years ago
},
2 years ago
// 导航栏整体高度:状态栏+导航啦
2 years ago
navHeight: '0px',
2 years ago
// 状态栏高度
2 years ago
statusBarHeight: 0,
2 years ago
// 导航栏可用高度(去除状态栏)
2 years ago
navUseHeight: '0px',
2 years ago
// 导航栏垂直内间距
2 years ago
navVerticalPadding: '0px',
2 years ago
// 导航栏右内间距
2 years ago
navPaddingRight: '0px',
unit: 'px'
2 years ago
}
2 years ago
// 同步获取信息
let info = uni.getSystemInfoSync();
2 years ago
// 状态栏高度
2 years ago
params.statusBarHeight = info.statusBarHeight;
2 years ago
2 years ago
// 获取胶囊相关内容
2 years ago
// 以下示例数据都 来自 iPhoneX 75%大小的微信模拟器
// #ifdef MP-WEIXIN
let menuButton = uni.getMenuButtonBoundingClientRect();
2 years ago
params.menuButton.width = menuButton.width;
params.menuButton.height = menuButton.height;
params.navBar.paddingTop = menuButton.top - params.statusBarHeight;
params.navBar.paddingBottom = params.navBar.paddingTop * 2;
2 years ago
// #endif
2 years ago
console.log(params);
2 years ago
return params
}
export {
navParams
}