微信小程序开发swiper组件在ios环境下设置了border-radio样式，滑动swiper-item时出现四个角直角现象

问题描述：
       swiper组件在ios环境下设置了border-radio属性时候滑动swiper-item时出现四个角直角，影响美观。

tip:如果轮播图内有视频多个视频需要全屏播放，该三行代码可能会导致在真机环境下视频无法完整全屏播放问题，需要安卓和ios进行分别测试。

解决方案：

 <swiper class="swiper" :interval="3000" circular="true" :duration="400">
       <swiper-item v-for="(item,index) in bannerList" :key="item.id">
          <image class="bannerImg" :src="defaultBanner" mode="widthFix"></image>
       </swiper-item>
</swiper>

  .swiper {
        width: 690rpx;
        height: 380rpx;
        border-radius: 24rpx;
        overflow: hidden !important;

         //增加下面三行代码可以解决轮播图兼容ios环境兼容问题
        -webkit-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-mask-image: -webkit-radial-gradient(white, black);
      }