uniApp scroll-view高度自适应

方法: 使用flex布局,上下文有高度(或者撑起的高度), scroll-view设置样式为flex:1

<template>
<view class="wrap">
	<-- 这里是其他的一些元素占据高度 -->
	<view style="height: 600upx;width: 100%;">
	123
	</view>
	<scroll-view class="scroll-box" scroll-y @scrolltolower="reachBottom">
		<view class="talklist" v-for="(item,index) in tlist" :key="index">
			123
		</view>
	</scroll-view>
</view>
</template>

<style>
.wrap {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: calc(100vh - var(--window-top));
}
.wrap .scroll-box {
	flex: 1;
	overflow: scroll;
	background: #02C598;
}
</style>

实现效果如下图: