wxml:
<view style= '{{styles}}' class= 'back' > <swiper indicator-dots= 'true' indicator-color= '#F0F0F0' indicator-active-color= '#ffffff' autoplay= 'true' circular= 'true' style= 'width: 100%; height: 100%' > <block wx:for= "{{imgUrls}}" > <swiper-item> <image src= '{{item.imgUrl}}' style= 'width: 100%; height: 100%' bindtap= '_onClick' ></image> </swiper-item> </block> </swiper> </view> |
wxss:
.back { border-radius: 8px; overflow: hidden; } |
- 当前 Bug 的表现(可附上截图)
模拟器显示有圆角
手机显示无圆角
- 预期表现
手机也可以显示圆角
- 复现路径
- 提供一个最简复现 Demo
https://developers.weixin.qq.com/community/develop/doc/00046610d28c38fbf697864045b000?highLine=swiper可参考下这帖子的做法
已解决,谢谢!