1 Star 1 Fork 0

mingxiaozu/mina-navbar-custom

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
app.js 1.20 KB
一键复制 编辑 原始数据 按行查看 历史
mingxiaozu 提交于 2022-03-01 16:43 . navbar custom
// app.js
App({
onLaunch() {
// 获取系统信息
const systemInfo = wx.getSystemInfoSync();
// 胶囊位置信息
const menuButtonInfo = wx.getMenuButtonBoundingClientRect();
// 导航栏高度 = 状态来到胶囊的间距(胶囊上边距-状态栏高度) * 2 + 胶囊高度 + 状态栏高度
this.globalData.navBarHeight = (menuButtonInfo.top - systemInfo.statusBarHeight) * 2 + menuButtonInfo.height + systemInfo.statusBarHeight;
this.globalData.menuButtonBottom = menuButtonInfo.top - systemInfo.statusBarHeight;
this.globalData.menuButtonHeight = menuButtonInfo.height;
this.globalData.customNavWidth = systemInfo.screenWidth - menuButtonInfo.width - (systemInfo.screenWidth - menuButtonInfo.right) * 2;
this.globalData.menuButtonRight = systemInfo.screenWidth - menuButtonInfo.right;
this.globalData.menuButtonTop = menuButtonInfo.top;
console.log(menuButtonInfo,systemInfo)
},
globalData: {
navBarHeight: 0, //导航栏高度
customNavWidth: 0, // 自定义区域最大宽度
menuButtonRight: 0, //胶囊右边距
menuButtonBottom: 0, //胶囊距离下边距
menuButtonHeight: 0, //胶囊高度
menuButtonTop: 0, //胶囊top
}
})
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/mingxiaozu/mina-navbar-custom.git
[email protected]:mingxiaozu/mina-navbar-custom.git
mingxiaozu
mina-navbar-custom
mina-navbar-custom
master

搜索帮助