如何让设置小程序三层页面的不同颜色

需求图：

重点是页面底部两边的背景色颜色

代码实现

  <view class="bg-[#f4f4f4] min-h-screen overflow-y-scroll relative">
    <custom-navigate title="俱乐部年卡" is-fixed background-color="#e5d1be"></custom-navigate>
    <view class="h-1204rpx bg-gradient-to-b from-[#e2cab4] to-[#f4f4f4]"> </view>
        <view class="w-full absolute right-0 top-200rpx pb-200rpx">
            填充的内容
        </view>
   </view>