美文网首页
小程序适配 IphoneX

小程序适配 IphoneX

作者: 2点半 | 来源:发表于2018-07-18 17:57 被阅读0次

===>App.js

  globalData:{
      isPhoneX: 0
  },
  onLauch:function(){
     this.checkMobilePhone();
  },
  checkMobilePhone:function(){
     var self = this;
     wx.getSystemInfo({
        success: function (e) {
           var a = e.model;
           if (-1 != a.search("iPhone X") || -1 != a.search("iPhone XS")){//找到
              self.globalData.isIphoneX = 1
           }else{
              self.globalData.isIphoneX = 0
           }
        }
     })
  },

==>page.js

const app = getApp()
data:{
  isIphoneX:app.globalData.isIphoneX
}

==>page.wxml

class="{{isIponeX?'IphoneX的class':'默认样式的class' }}"

相关文章

网友评论

      本文标题:小程序适配 IphoneX

      本文链接:https://www.haomeiwen.com/subject/kelapftx.html