swiper 去掉轮播图上的小点点 小圆圈(完美解决方案)

简介: swiper 去掉轮播图上的小点点 小圆圈(完美解决方案)


问题描述

大家好!我是夏小花,今天是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>
目录
相关文章
|
JavaScript 前端开发
vue实现公告文字横向滚动
vue实现公告文字横向滚动
1621 0
|
2天前
|
小程序 前端开发 Android开发
微信小程序(van-tabs) 去除横向滚动条样式(附加源码解决方案+报错图)
微信小程序(van-tabs) 去除横向滚动条样式(附加源码解决方案+报错图)
15 1
|
2天前
|
JSON JavaScript 数据格式
【经验分享】如何使用scroll-view + swiper制作tabs导航条组件。
【经验分享】如何使用scroll-view + swiper制作tabs导航条组件。
27 0
|
10月前
|
小程序
去掉微信小程序按钮边框
去掉微信小程序按钮边框
237 1
|
6月前
|
前端开发 算法
怎么写一个可以拖拽缩放的div?
怎么写一个可以拖拽缩放的div?
57 0
|
9月前
|
JavaScript 前端开发
使用swiper实现图片轮播功能
使用swiper实现图片轮播功能
|
11月前
|
小程序 安全 前端开发
微信小程序自定义导航栏机型适配--底部Tabbar--view高度--底部按钮适配
微信小程序自定义导航栏机型适配--底部Tabbar--view高度--底部按钮适配
612 0
|
JavaScript
swiper——单页面多轮播插件冲突解决方案
单页面多轮播插件冲突解决方案
170 0
|
小程序
【笔记】微信小程序组件swiper实现跑马灯(marquee)效果
微信小程序组件swiper实现跑马灯(marquee)效果
990 0
【笔记】微信小程序组件swiper实现跑马灯(marquee)效果