微信小程序适配iphonex

1. // 在app.js中判断是否是哪种设备
2. globalData: {
3. isIphoneX: false,
4. userInfo: null
5. },
6. onShow:function(){
7. let that = this;
8. wx.getSystemInfo({
9. success: res=>{
10. // console.log('手机信息res'+res.model)
11. let modelmes = res.model;
12. if (modelmes.search('iPhone X') != -1) {
13. that.globalData.isIphoneX = true
14. }
15.  
16. }
17. })
18. },

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

1. let isIphoneX = app.globalData.isIphoneX;
2. this.setData({
3. isIphoneX: isIphoneX
4. })

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

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