小程序swiper圆角实现
原wxss样式
.slideshow {
width: 96%;
border-radius: 25rpx;
margin: 20rpx auto;
}
效果如下:
文章图片
如图,轮播图是矩形,没有理想中的圆角。
修改如下:
.slideshow {
width: 96%;
border-radius: 50rpx;
overflow: hidden;
margin: 20rpx auto;
}
效果如下:
文章图片
如图所示,轮播图为圆角矩形。
【小程序swiper圆角实现】重点在:overflow: hidden;
推荐阅读
- 一个小故事,我的思考。
- 家乡的那条小河
- 一个人的碎碎念
- 野营记-第五章|野营记-第五章 讨伐梦魇兽
- 昨夜小楼听风
- 2021-02-17|2021-02-17 小儿按摩膻中穴-舒缓咳嗽
- 基于微信小程序带后端ssm接口小区物业管理平台设计
- 2019.4.18感恩日记
- 那件我们忽略的小事叫感恩
- 你有婚内虐待行为吗()