微信小程序：swiper轮播图添加外层圆角

微信小程序：swiper轮播图添加外层圆角

.swiper-wrap{
  overflow: hidden;
  border-radius: 8rpx;
  box-sizing: border-box;
  width: 100%;
  transform: translateY(0); // 关键属性
  line-height: 1rpx; // 可以简单调整圆点位置
}      

参考

微信小程序-swiper轮播图圆角滑动会先直角再圆角的解决办法 为什么添加transform: translateY(0)属性，会增加相当于z-index?