uni-app 上下两个view暂满页面,flex布局

页面是需要一个nav导航和一个列表,因为列表里面有很多数据,所以要加一个scroll-view
下面代码

<view style="height: 100vh;display:flex;flex-direction: column; align-items: flex-start;">
	<view>
		<view stype="display:flex;flex-direction: row; align-items: center;">
			<view>全部<view>
			<view>全部<view>
			<view>全部<view>
		</view>
	</view>
	<view  style="flex: auto;height:100%">
		<scroll-view style="flex: auto;height:100%"  scroll-y>
			//在这里写数据列表
		</scroll-view>
	</view>
</view>

需要什么样式就要自己写了,还有就是这样的布局要在手机上看才有效