微信小程序适配iphonex iphone11底部tabbar

需求：由于iphonex及之后的机型底部有一根横线，导致tabbar比原来提升了一段高度。根据底部tabbar提升的高度，计算出页面需要在底部给整个tabbar留出的位置高度。

PS：微睁宴弯信开发者悉闷工具iphonex与实际真机测试效果不同，底部并没有底部提升。

app.js调用 wx.getSystemInfo接祥雹口获取页面信息，判断底部提升高度。

官网文档：获取系统信息

如图所示

在h5页面的底部tabbar栏中引入class：footer

safe-area-inset-bottom：距离屏幕下边框安全距离；

safe-area-inset-top：距离屏幕上边框安全距离；

safe-area-inset-right：距离屏幕右边框安全距离旁斗；

safe-area-inset-left：距离屏幕左边亮悉框安全距离；

在IOS11使用：

padding-top：constant(safe-area-inset-top)

padding-bottom：constant(safe-area-inset-bottom)

padding-left：constant(safe-area-inset-left)

padding-right：constant(safe-area-inset-right)

在IOS11.2beta及其以后：

padding-top：env(safe-area-inset-top)

padding-bottom：env(safe-area-inset-bottom)

padding-left：env(safe-area-inset-left)

padding-right：env(safe-area-inset-right)

注：默认值为0px，而不是0，是因为calc不支持敬启乎与0计算

---