小程序适配全面屏机型

应用场景

手机适配

思路分析

1：首选需要判断是否是全面屏手机
2：如果是全面屏手机，则改变响应的样式

代码实现

1:在全局放一个变量.isFullSucreen，含义为是否是全面屏

2：调用wx.getSystemInfo。 利用公式计算出是否是全面屏，如果是全面屏，就将其赋值为true

3：在需要适配的页面，获取isFullSucreen(此时，在需要在适配的页面，也初始化isFullSucreen为空或者false。而且由全局获取来的isFullSucreen，此时肯定是true)。

4:既然全局获取来的isFullSucreen 为true(因为是全面屏)，所以用这个变量通过style，来控制页面响应的样式

图解：1 判断是否是全面屏

2：在需要适配的页面，声明变量，获取全面屏变量，改变相应的样式