请问好人们，小程序swiper设了overflow:hidden和border-radius:10rpx,在ios手机上没效果，解决方案

再加上

-webkit-backface-visibility: hidden;

-webkit-transform: translate3d(0, 0, 0);

亲测有效

新接了一个做微信小程序的活，编码方式跟vue很相似，样式编写比普通css样式轻松的多，现要实现一个轮播图的效果。

请教了我的同学，她说小程序有两种方法能实现这个效果：

微信小程序—swiper组件文档

wxml文件：

js文件：

法一实现出来的效果图是酱紫的：

wxml文件：

js文件：

wxss文件：

用法二实现出来的效果图是酱紫的：

最近写小程序经常用swiper，结果发现，坑好多啊。。。

坑1swiper-item的100%宽高

小程序默认swiper-item的宽高默认继承swiper的宽高，如果不用!important语法根本改不了

如果想要制作不同高度的swiper，则需要事先知道每张的高度然后给swiper赋高度值。

swiper-item的宽度也是一个巨坑，想要设置一次展示多个swiper-item可以设置这个属性：display-multiple-items，值为数字。但是这样每个item都是紧贴着的。

如果想要做出不紧贴的效果，唯一的方法就是swiper-item留部分白，另一部分放置想要展示的内容

掐指一算，我好久没更新了。。。

以上就是关于请问好人们，小程序swiper设了overflow:hidden和border-radius:10rpx,在ios手机上没效果，解决方案全部的内容，包括:请问好人们，小程序swiper设了overflow:hidden和border-radius:10rpx,在ios手机上没效果，解决方案、微信小程序—用动画实现自定义轮播图、swiper 的一堆坑等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！