好像写了这个代码就兼容iphoneX以上,这段代码只写了底部,顶部其实也一样
1.main.js
在该文件定义一个全局的globalDataVue.prototype.globalData = getApp().globalDatawx.getSystemInfo({ success: res => { // console.log('手机信息res'+res.model) let modelmes = res.model; if (modelmes.search("iPhone X") != -1) { app.globalData.isIphoneX = true; } }});复制代码
然后在需要适配的页面
2.index.vue
复制代码
3.index.js
data() { return { isIphoneX: this.globalData.isIphoneX, //适配iphonex }}复制代码
4.index.css
.isIphoneX-class { padding-bottom: 64rpx;}复制代码