1.获取手机系统信息
在uniapp获取手机尺寸信息
<script>
export default {
data() {
return {
// 这里定义你的数据
screenHeight:'',
statusBarHeight:'',
windowHeight:'',
tarBarHight:''
}
},
// 页面加载时执行的代码
onLoad() {
//获取手机所有尺寸数据
const sysInfo = uni.getSystemInfoSync();
//手机整个尺寸高度
this.screenHeight = sysInfo.screenHeight;
//手机状态栏高度
this.statusBarHeight = sysInfo.statusBarHeight;
//手机屏幕可用高度
this.windowHeight = sysInfo.windowHeight;
//手机底部栏高度,需要计算:手机整个尺寸高度-手机屏幕可用高度
this.tarBarHight=sysInfo.screenHeight-sysInfo.windowHeight
}
</script>
2.应用
可以根据手机尺寸动态调整
<view class="new" :style="{marginTop:statusBarHeight+'px'}">
<text>块</text>
</view>