需求:
top-box区域为fixed布局,固定的。此时需要一个配套的占位区域,来占住top-box的位置,以防止内容区域挤压。
//view
<view class="top-box">
</view>
<!-- top-box占位 -->
<view :style="setHeight()">
</view>
//data
topHeight : 0,
//methods
// 动态设置占位区高度
setHeight() {
this.$nextTick(() => {
uni.createSelectorQuery().select('.top-box').boundingClientRect().exec((res) => {
//异步方法,无法return出去,也无法将变量传至外部,故另起一个全局变量
this.topHeight = res[0].height
})
})
return `height:${this.topHeight}px`
}