码迷,mamicode.com
首页 > 微信 > 详细

微信小程序适配iPhoneX 底部

时间:2020-03-20 20:10:17      阅读:305      评论:0      收藏:0      [点我收藏+]

标签:get   onload   func   phone   options   min   ons   console   this   

效果

技术图片

第一步:在app.json里面获取设备信息

wx.getSystemInfo({
      success: res => {  //设备信息
        console.log("设备信息",res)
        let modelmes = res.model;
        if (modelmes.search(‘iPhone X‘) != -1) {
          this.globalData.isIphoneX = true
        }
      }
    })

 globalData: {
    userInfo: null,
    isIphoneX:false,  //手机型号是否是iPhoneX
  },

第二步:在当前页面index.js的onload里面获取这个判断手机型号的值

onLoad: function(options) {
    var that = this;
    that.setData({
      isIphoneX : app.globalData.isIphoneX
    })
}

最后在需要的地方判断就可

技术图片

 

 

参考:https://blog.csdn.net/qq_35432904/article/details/83022102

微信小程序适配iPhoneX 底部

标签:get   onload   func   phone   options   min   ons   console   this   

原文地址:https://www.cnblogs.com/yun101/p/12534009.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!