微信小程序适配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. }
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>

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