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>
目录
相关文章
|
移动开发 小程序
uniapp自定义tabbar,中间凸起(支持H5、微信小程序)
uniapp自定义tabbar,中间凸起(支持H5、微信小程序)
uniapp自定义tabbar,中间凸起(支持H5、微信小程序)
|
Java 应用服务中间件 Nacos
Spring Cloud 常用各个组件详解及实现原理(附加源码+实现逻辑图)
Spring Cloud 常用各个组件详解及实现原理(附加源码+实现逻辑图)
931 0
|
5月前
|
JSON API PHP
天气预报-获取全国天气预警数据API接口教程
该接口由接口盒子提供,免费获取全国实时气象局天气预警数据(暴雨、大风、雷电等),支持分页查询、完整行政区划及多语言调用示例,含详细字段说明与安全授权机制。
2203 0
|
12月前
|
数据安全/隐私保护 开发者
鸿蒙应用开发从入门到实战(十一):ArkUI组件Text&TextInput
ArkUI提供了丰富的系统组件,用于制作鸿蒙原生应用APP的UI,本文主要讲解文本组件Text和TextInput的使用。
666 3
|
开发者
FA/Stage模型:理解HarmonyOS的FA(Feature Ability)和Stage(Particle Ability)模型
【10月更文挑战第21天】HarmonyOS作为新一代的操作系统,其独特的FA(Feature Ability)和Stage(Particle Ability)模型为应用开发提供了新的视角。这两种模型分别代表了不同的应用组织方式,下面将详细解释这两种模型的概念、特点以及如何在实际开发中使用它们。
1356 4
|
消息中间件 存储 NoSQL
深度解密Kafka:从内部存储结构到关键技术的全景透视
深度解密Kafka:从内部存储结构到关键技术的全景透视
|
前端开发 开发者
在HTML中,可以使用字符实体`&copy;`来显示版权符号
【4月更文挑战第30天】在HTML中,可以使用字符实体`&copy;`来显示版权符号
3255 2
|
XML JSON 小程序
微信公众号开发(四)获取用户信息
获取用户信息,微信公众号提供了两种方式:
972 0

热门文章

最新文章