小程序swiper轮播图设置圆角无效

最新推荐文章于 2025-06-17 22:46:56 发布

原创最新推荐文章于 2025-06-17 22:46:56 发布 · 276 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #html

<view class="swiper-box">
            <swiper class="swiper"  bindchange="swiperChange">
              <block wx:for="{{headerImageUrlList}}" wx:key="*this">
                <swiper-item class="swiperitem">
                  <image class="prduct-img" src="{{item}}" mode="aspectFill" />
                </swiper-item>
              </block>
            </swiper>
          </view>






.swiper-box {
  border-radius: 16rpx 16rpx 0rpx 0rpx;
  overflow: hidden;
  transform: translateY(0);
}

解决办法就是给swiper外边的盒子加上

overflow: hidden;

transform: translateY(0);