- 当前 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>
这个问题暂时可以通过如下方式解决哈,参考以下帖子
ok,已解决
https://developers.weixin.qq.com/community/develop/doc/000084402780a8505d96bbcf15b400
你看看我这个,我之前也遇到过,但是解决了,你试下我这个行不行。