swiper设置border-radius真机失效

.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>

 

这个看起来应该是webview渲染的bug，可以试一下在 border-radius 后面紧接着加一个 transform: translateY(0);  来暂时解决这个问题。

 

处理方法：

https://developers.weixin.qq.com/community/develop/doc/00026658428810dd8c07c062556400