<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怕普雷   下课

更多推荐