wxml:

<view class=“MainContent”>

  <view class=“TopBlock”>

  TopBlick

  </view>

  <view class=“BottomBlock”>

      <swiper>

        <swiper-item class=“swiper-item”>

        <scroll-view scroll-y class=“scroll”>

          <view class=“item” wx:for="{{[1,1,1,1,1,1,1,1]}}">

            <view class=“top”></view>

            <view class=“bottom”></view>

          </view>

        </scroll-view>

        </swiper-item>

      </swiper>

  </view>

</view>

wxss:

page {

    height: 100%;

}

.MainContent {

    display: flex;

    flex-direction: column;

    height: 100%;

    width: 100%；

}

.TopBlock {

    height: 50px;

    background-color: orangered;

}

.BottomBlock {

    /*display: flex;*/

    flex: 1;

    background-color: blanchedalmond;

    overflow-y: auto;

    overflow: auto;

}

swiper {

    width: 100%;

    height: 100%;

    background-color: brown;

}

.swiper-item {

     width: 100%;

    height: 100%;

    background-color: brown;

}

.scroll {

    height: 100%;

    background-color: greenyellow;

}

.item {

    background-color: hotpink;

    margin-bottom: 10px;

}

.top {

    width: 50px;

    height: 50px;

    background-color: ghostwhite;

}

.bottom {

    width: 70px;

    height: 70px;

    background-color: cornflowerblue;

}