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. },

在需要引用的页面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-教程-小程序社区-微信小程序-微信小程序开发社区-小程序开发论坛-微信小程序联盟
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

本文转载:CSDN博客