记录一下uni-app动态获取手机状态栏高度

因为有一个小程序的任务，按UI图的话，内容应该在手机状态栏的下方。确实可以用别的方法把内容放在下方。

但是这是一个手机端，要考虑到真实因素，每个人的手机型号，屏幕大小都是不一样的，所以不能简单的处理。

后面再uni-app官网看到有获取系统信息的API,uni-app提供了异步(uni.getSystemInfo)和同步(uni.getSystemInfoSync)的2个API获取系统信息。根据自己的情况选择，每个都有很多返回参数，其中就有手机状态栏高度statusBarHeight。

需要一个变量来接收返回成功的参数，然后在动态绑定这个高度

<view :style="{height:pageHeight+'px'}"></view>


	export default {
		data() {
			return {
				pageHeight: null
			}
		},
		onLoad() {
			uni.getSystemInfo({
				success: (res) => {
					// 状态栏的高度
					this.pageHeight = res.statusBarHeight;
				}
			});
		}
	}

更多的方法可以参考uni-app官网。

https://uniapp.dcloud.net.cn/quickstart.html