小程序view背景颜色渐变background: -webkit-linear-gradient

目标效果图：

用到的属性： background: -webkit-linear-gradient(bottom,white,rgb(188, 219, 191),rgb(136, 211, 145));

bottom:方向渐变

第一个颜色：white

第二个颜色：rgb(188, 219, 191)

第三个颜色：rgb(136, 211, 145)

wxml

<view style="width: 100%;height: 350rpx;background: -webkit-linear-gradient(bottom,white,rgb(188, 219, 191),rgb(136, 211, 145));display: flex;justify-content: center;">
  <view style="width: 80%;height: 250rpx;background-color: white;border-radius: 0 0 10rpx 10rpx;">
    <view style="padding: 20rpx 30rpx;font-weight: bold;">内蒙古呼浩特市</view>
    <view style="padding: 10rpx 30rpx 20rpx 30rpx;font-weight: bold;color: rgb(84, 184, 95);">预约时间</view>
    <view bindtap="onDisplay" style="padding: 10rpx 20rpx 20rpx 40rpx;font-size: 28rpx;">2024-3-1</view>
  </view>

</view>