<view class='page-wrapper index-page-wrapper' style='top:{{statusHeight}}px'>
<view class="top"></view>
<view class="body"></view>
<view class="bottom"></view>
</view>
/* .page-wrapper .page-container {
flex: 1;
overflow: hidden;
} */
.page-wrapper{
position: fixed;
/* top: 20rpx; */
left: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
background-color: #3ece22;
}
.top{
width: 100%;
/* height: 100rpx;
line-height: 100rpx; */
height: 44px;
line-height: 44px;
position: relative;
background: red;
}
.body{
flex: 1;
overflow: hidden;
width: 100%;
display: flex;
flex-direction: column;
background: black;
}
.bottom{
width: 100%;
height: 100rpx;
background: blue;
}