微信小程序在 iPhone X 上的适配问题

【解决】： 首先，我们需要判断用户手机型号是否是 iPhone X ？ 这个简单，可以调用小程序系统 API 中的接口 wx.getSystemInfo( ) ，示例代码如下：

// app.js

globalData: {
    isIphoneX: false //全局变量，默认为 false
},

onShow: function() {
    let that = this;
    wx.getSystemInfo({
        success: function (res) {
            // 返回的 model 就是手机型号的参数
            if (res.model == 'iPhone X') {
                that.globalData.isIphoneX = true;
            }
        }
    })
}

接下来，在对应 js 文件中 onLoad 方法里面获取全局变量：

onLoad: function() {
    let  isIphoneX = getApp().globalData.isIphoneX;
    this.setData({
        isIphoneX
    })
}

最后，在需要修改页面的对应wxml 文件中进行样式逻辑判断，代码如下：

‹wux-notice-bar wux-class='{{ isIphoneX ? 'notice-bar-iPhoneX' : 'notice-bar' }}'›
      代码省略……
‹/wux-notice-bar›