uni-app分类列表动态获取高度

uni-app分类列表动态获取高度

<view class="page-header">

</view>
<view class="page-body" :style="'height:'+bodyHeight+'px'">
    <scroll-view class="scroll-left" scroll-y>
        <view class="scroll-left-item" hover-class="uni-list-cell-hover" v-for="(left, index) in listLeft" :key="index">{{left}}</view>
    </scroll-view>
    <scroll-view class="scroll-right" scroll-y>
    <view class="scroll-right-item" v-for="(right, index) in listRight" :key="index">
    	{{right}}
    </view>
    </scroll-view>
</view>

.page-header {
	width: 100%;
	height: 100rpx;
}

data() {
    return {
        bodyHeight: 200,
    };
},
onLoad() {
    this.bodyHeight = uni.getSystemInfoSync().windowHeight - 100;
}

说明：

this.bodyHeight = uni.getSystemInfoSync().windowHeight - 100;

100是上面的高度，减去等于剩下页面的高度

本文作者： Jasmine

本文链接： https://www.jianbaizhan.com/article/668

版权声明： 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处！