收藏
回答

swiper设置border-radius真机失效

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug swiper 客户端 6.6.7 2.3.2

- 当前 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 个回答

登录 后发表内容