swiper设置border-radius真机失效

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

.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