使用swiper,每张图片设置border-radius圆角,只有右边有效?
发布于 6 年前 作者 chao55 13665 次浏览 来自 官方Issues

首页使用swiper组件轮播图片,为每张图片设置了border-radius,但是只有右边有效,左边还是方形的,我试过把border-radius值调大,就可以看到圆角了,说明应该是每张图片都被剪裁。我试过设置width、padding、margin都不行,在swiper,swiper-item上设置border-radius还是不行,向大佬们求救( •̥́ ˍ •̀ू )

6 回复

谢谢各位热心帮助,问题解决了。原来图片样式在index.wxss 和 app.wxss被重复设置了,把app.wxss那部分代码删了就行,还有padding-left确实会影响圆角显示。(自己作死…………)

弄个代码片段看看

你图片设置了,padding-left: 40rpx; 导致的吧

这个去掉试试

看下图片是不是显示完整  可能是缩放的问题  image 加mode:aspectFit   图片缩放,完整显示

可以参考微信文档-组件-image

不是啊、都可以、没有用过你那种设置样式方法、不能帮你指出哪写的不对、我只给图片加了圆角

回到顶部