
<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版权协议,转载请附上原文出处链接和本声明。