<template>
<view :style="{height:screenHeight+'px'}" class="page">
</view>
</template>
<script>
export default {
data() {
return {
screenHeight: "",
}
},
onLoad() {
this.screenHeight = uni.getSystemInfoSync().windowHeight;
},
methods: {
}
}
</script>
获取到页面的高度像素,然后把这个获取到的值给到style内就可以达到高度铺满全屏的一个状态
如果觉得麻烦还有一个全局高度的
在app.vue中设置一个公共样式
uni-page-body,html,body{
height: 100%;
}
在需要高度铺满全屏的页面的最外层的view绑定类名page,样式为
.page {
height: 100%;
}
OK No怕普雷 下课