- 设置动态高度
:style="{height: pageHeight+'px'}"
c
<view class="uni-content" :style="{height: pageHeight+'px'}" >
...
</view>
- 获取当前页面高度:
c
onLoad() {
// 获取当前窗口高度
this.pageHeight = uni.getSystemInfoSync().windowHeight;
// 监听窗口大小的变化
uni.onWindowResize((res) => {
this.pageHeight = res.size.windowHeight;
});
},
【注】:盒子有padding的话,记得在后面减去padding的值。