小程序模板网

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


易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/24394.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询