应用场景
手机适配
思路分析
1:首选需要判断是否是全面屏手机
2:如果是全面屏手机,则改变响应的样式
代码实现
1:在全局放一个变量.isFullSucreen,含义为是否是全面屏
2:调用wx.getSystemInfo。 利用公式计算出是否是全面屏,如果是全面屏,就将其赋值为true
3:在需要适配的页面,获取isFullSucreen(此时,在需要在适配的页面,也初始化isFullSucreen为空或者false。而且由全局获取来的isFullSucreen,此时肯定是true)。
4:既然全局获取来的isFullSucreen 为true(因为是全面屏),所以用这个变量通过style,来控制页面响应的样式
图解:1 判断是否是全面屏
2:在需要适配的页面,声明变量,获取全面屏变量,改变相应的样式