<view class='header'>
<view>财经</view>
<view>股票</view>
<view>商业</view>
<view>汽车</view>
<view>商业</view>
</view>
<view class='box'>
<scroll-view class='sv' scroll-y='true'>
</scroll-view>
</view>
page {
width: 100%;
height: 100%;
background-color: plum;
display: flex;
flex-direction: column;
}
.header {
background: red;
height: 50px;
width: 100%;
display: flex;
}
.header > view {
flex: 1;
text-align: center;
line-height: 50px;
color: white;
}
.box {
background: yellowgreen;
flex: 1;
height: 100px;
}
.sv {
background-color: #e9e9;
height: 100%;
}
wx小程序竖向滚动(height=100%)
最新推荐文章于 2022-07-15 09:45:43 发布