使用swiper,每张图片设置border-radius圆角,只有右边有效?

发布于 7 年前作者 chao5513826 次浏览最后编辑 7 年前来自 issues

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

6 回复
gang44
gang441 楼6 年前

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

bwei
bwei2 楼6 年前

弄个代码片段看看

jing31
jing313 楼6 年前

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

chaozhou
chaozhou4 楼6 年前

这个去掉试试

clong
clong5 楼6 年前

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

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

ichen
ichen6 楼6 年前

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