swiper设置border-radius真机失效
- 当前 Bug 的表现(可附上截图)
swiper组件在真机(andriod和iphone)上border-radius失效
-
预期表现
-
复现路径
-
提供一个最简复现 Demo
.index-swiper{
border-radius:10px;
box-shadow: 0 10px 20px 0 rgba(50,50,50,0.1);
overflow: hidden;
background:transparent;
}
<swiper class=“index-swiper” indicator-dots=“true” indicator-active-color=“#fff” autoplay=“true” interval=“3000” circular=“true” style=“height:{{swiperHeight}}px”>
<swiper-item wx:for=“{{banner}}” wx:key=“{{index}}”><view><image class=“banner-imgs” mode=“widthFix” lazy-load=‘true’ bindload=‘imgOnload’ src=“{{item.banner_pic}}”></image></view></swiper-item>
</swiper>
