问题:在有uni-tabbar的情况下,页面铺满剩下的部分
<template>
<view :style="{height:screenHeight+'px'}" class="page">
</view>
</template>
<script>
export default {
data() {
return {
screenHeight: "",
}
},
onLoad() {
this.screenHeight = uni.getSystemInfoSync().windowHeight;
},
methods: {
}
}
</script>
在uniapp中,高度使用heiht:100vh,h5的屏幕会多出一些高度,导致可以上下滑动
解决方式如下文章来源:https://www.toymoban.com/news/detail-704620.html
在app.vue中设置一个公共样式
uni-page-body,html,body{
height: 100%;
}
在需要高度铺满全屏的页面的最外层的view绑定类名page,样式为
.page {
height: 100%;
}文章来源地址https://www.toymoban.com/news/detail-704620.html
到了这里,关于uniapp 高度铺满全屏的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!