特殊适配场景（iPhone X）

首先通过wx.getSystemInfo获取设备信息，代码中的model就是设备的型号信息，如果model中包含Ipx，我们就认为该设备就是Iphone X，我们在app.js文件进行检测，在全局添加一个isIpx的字段，再将结果赋予isIpx，再通过wxml读取这个数值，最后再来定义wxss，通过！important提高底部栏的高度，这样就能实现一个吸底按钮的适配效果。

1、wx.getSystemInfo获取设备信息

wx.getSystemInfo({
  success: function(res) {
    console.log(res.model)
    console.log(res.pixelRatio)
    console.log(res.windowWidth)
    console.log(res.windowHeight)
    console.log(res.language)
    console.log(res.version)
    console.log(res.platform)
  }
})

2、wxml文件

<view class="button-group {{isIpx?'fix-iphonex-button':''}}"> 这是一个吸底按钮区域</view>

3、js 文件

let app = getApp();
Page({
  data: {
    isIpx: app.globalData.isIpx ? ture : false
  }
})

4、wxss文件

.fix-iphonex-button {
  bottom: 68rpx!important;
}
.fix-iphonex-button::after {
  content: '';
  position: fixed;
  bottom: 0!important;
  height: 68rpx!important;
  width: 100%;
  background: #fff;
}