使用swiper组件时有个常见需求是给swiper添加圆角

在轮播图的父级设置了圆角以后图片滑动时却出现了直角

给父级加上 overflow: hidden 吧!

.swiperbox{
  width: 100%;
  border-radius: 20rpx;
  overflow: hidden
}

在swiper中插入image,无论选择哪种mode,都留有白边的情况,原因是图片本身不够大所致,解决办法为给图片加上宽度100%

.swiperbox image{
  width: 100%
}