问题描述
大家好!我是夏小花,今天是
2024年4月22日|农历三月十四
,今天这篇博文主要解决swiper 去掉轮播图上的小点点 小圆圈,具体解决方案如下所示
解决方案
问题复现
现在现在可以看到轮播图上是有小小圆圈的,但是觉得有点不好看,向把他去掉
这是源代码
<swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration"> <swiper-item v-for="(lunbo,indexl) in lunboList"> <image style="width: 100%" :src="lunbo"></image> </swiper-item> </swiper>
处理方案
我们需要修改一下indicator-dots
的属性值为false
,如下所示:
indicator-dots
:表示显示标签的样式,比如说小圈圈
:indicator-dots="false"
详细代码如下:
<swiper class="swiper" :indicator-dots="false" :autoplay="autoplay" :interval="interval" :duration="duration"> <swiper-item v-for="(lunbo,indexl) in lunboList"> <image style="width: 100%" :src="lunbo"></image> </swiper-item> </swiper>