swiper设置border-radius真机失效
发布于 6 年前 作者 shenchao 5195 次浏览 来自 问答
  • 当前 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>

3 回复

ok,已解决

这个问题暂时可以通过如下方式解决哈,参考以下帖子

swiper设置圆角在真机上不显示
https://developers.weixin.qq.com/community/develop/doc/00026658428810dd8c07c062556400

https://developers.weixin.qq.com/community/develop/doc/000084402780a8505d96bbcf15b400

你看看我这个,我之前也遇到过,但是解决了,你试下我这个行不行。

回到顶部