微信小程序适配iphonex

// 在app.js中判断是否是哪种设备

globalData: { 
 isIphoneX: false, 
 userInfo: null 
}, 
onShow:function(){ 
let  that = this; 
 wx.getSystemInfo({ 
   success:  res=>{ 
// console.log('手机信息res'+res.model)  
let modelmes = res.model; 
if (modelmes.search('iPhone X') != -1) { 
       that.globalData.isIphoneX = true 
} 

} 
}) 
}, 

在需要引用的页面js文件中onload方法里获取全局变量

let isIphoneX = app.globalData.isIphoneX;
this.setData({
isIphoneX: isIphoneX
})

在 wxml文件中 进行css的逻辑判断

<view class="{{isIphoneX?'linkCon':''}} flex "> </wiew>

作者：前端之癫
链接：微信小程序适配iphonex-教程-小程序社区-微信小程序-微信小程序开发社区-小程序开发论坛-微信小程序联盟
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。