不同手机顶部导航条的高度不同,这时候要动态定义导航条的高度,下面是代码案例,仅做参考
<template>
<view>
<view :style="{ position: 'absolute',width:'100%',height:'100%', left:0,top:statusLineHeight+'px'}">
主内容
</view>
</view>
</template>
<script>
export default {
data() {
return {
statusLineHeight: 0
}
},
onLoad() {
var _this = this
uni.getSystemInfo({
success: function(data) {
_this.statusLineHeight = data.statusBarHeight *
2 //获取状态栏高度 乘2是px与rpx转换 获取到的高度单位是px
}
})
},
methods: {
}
}
</script>
<style>
</style>