/**index.wxss**/
page {
  height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: #F0F5FA;
}


.scrollarea {
  flex: 1;
  overflow: hidden;
}


@keyframes skeleton-loading {
  0% {
    background-position: 200% 0;
  }


  100% {
    background-position: -200% 0;
  }
}


.block {
  width: 686rpx;
  height: 236rpx;
  background-image: linear-gradient(90deg, #FFFFFF 0%, #FAF8F8 50%, #FFFFFF 100%);
  background-size: 200% 100%;
  background-color: #F5F6F8;
  animation: skeleton-loading 2.2s infinite linear;
  border-radius: 24rpx;
}

渐变背景会超出当前View 如图

skyline模式下 删除borderradius后正常。

以上代码在webview渲染下

https://developers.weixin.qq.com/s/ODRDpUmj7yZJ 代码片段