微信小程式：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?