uniapp nvue 自适应屏幕高度 双列布局

<template>
	<view class="content">
		<scroll-view scroll-y="true" class="left">
			<view style="background-color: red;height: 1000px;"></view>
		</scroll-view>

		<view class="right">
			<scroll-view scroll-y="true" class="left">
				<view style="background-color: yellow;height: 3000px;"></view>
			</scroll-view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {}
};
</script>

<style>
page {
	display: flex;
}
.content {
	border: 1px solid red;
	flex: 1;
	display: flex;
	flex-direction: row;
}

.left {
	border: 1px solid red;
	flex: 1;
}
.right {
	border: 1px solid red;
	flex: 2;
}
</style>


版权声明:本文为m0_64609098原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。