swiper 分页显示图片

来源:互联网 发布:ipad钢琴软件 编辑:程序博客网 时间:2024/06/10 06:59

由于swiper默认的分页与设计的不一致,因此需要自定义分页样式

 

下面只是介绍自己解决问题的一种方式

1、swiper默认分页的“圆点”实际上是标签样式,设置的背景色为黑色#000,然后设置透明度为0.2

2、当前选中的分页标签背景色为白色#fff,没有设置透明度

 

解决思路:

1、让分页标签的背景色设置为“透明色”

2、设置分页标签的背景图片 为目标图片。即可

 

 

 

  • 大小: 47.2 KB
  • 大小: 12.9 KB
  • 查看图片附件
0 0