小程序 页面 全屏手机适配 例如iphone X

Posted on 2019-09-18 15:36  陈小鑫  阅读(1090)  评论(0编辑  收藏  举报

在app.js中加入

//获取手机statusBarHeight的高度


getapp: function() {
const self = this
wx.getSystemInfo({
success: res => {
//导航高度
this.globalData.navHeight = res.statusBarHeight;
this.globalData.winHeight = res.windowHeight;
if (res.statusBarHeight > 20) {
self.isIPX = true;
} else {
self.isIPX = false;
}
},
fail(err) {
console.log(err);
}
})
},

//需要调整高度的页面

const app = getApp();
//判断app.isIPX
if(app.isIPX){
  //需要添加的 class
  //然后页面通过class 去改变css 底部高度
}