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

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

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

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

官网文档：获取系统信息

如图所示

首先我们打印一下机型信息

可以看到，模拟器下，普通屏幕 statusBarHeight 为20，而刘拍袭海屏 statusBarHeight 为44。

所以判断是iPhone刘海屏机型的条件袭核兄就可以是： model带iPhone字样 &&statusBarHeight >20

我们在 app.js 里写好全局变量：

方法一：写两个样式

js：

wxml：

wxss：

方法二：控件高氏掘度设为变量，在js中计算这个变量的值

js：

wxml：

---