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

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

小程序中下方的导航会被iPhone X下面的那条黑线盖住【微笑脸】，所以要专门为了iPhone X做样式上的适配【微笑脸】

wx.getSystemInfo({
            success: function (res) {
                //console.log(res.model)
                //console.log(res.language)//zh_CN(en)
                //console.log(res.model=="iPhone X")
                if (res.model=="iPhone X") {
                    that.globalData.isIPX = 1;
                }
            }
        })

好在官方文档里有给出API可以获取到设备的信息，判断之后去给class添加样式就可以啦

.isIPX {
    bottom: 68rpx !important;