目录web前端全系列 教程
1839个小节阅读：2242.9k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本，未来主流的版本
人工智能 教程
顺势而为，AI创新未来
大厂算法 教程
算法，程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
滑块视图容器
一般用于左右滑动或上下滑动，比如banner轮播图
xxxxxxxxxx<swiper class="swiper" circular indicator-dots="true" autoplay interval="true" duration="500"> <swiper-item> <image mode="widthFix" src="../../static/1.webp"></image> </swiper-item> <swiper-item> <image mode="widthFix" src="../../static/2.webp"></image> </swiper-item> <swiper-item> <image mode="widthFix" src="../../static/3.webp"></image> </swiper-item></swiper>| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| indicator-dots | Boolean | false | 是否显示面板指示点 |
| indicator-color | Color | rgba(0, 0, 0, .3) | 指示点颜色 |
| indicator-active-color | Color | #000000 | 当前选中的指示点颜色 |
| autoplay | Boolean | false | 是否自动切换 |
| interval | Number | 5000 | 自动切换时间间隔 |
| duration | Number | 500 | 滑动动画时长 |
| circular | Boolean | false | 是否采用衔接滑动，即播放到末尾后重新回到开头 |
| vertical | Boolean | false | 滑动方向是否为纵向 |
| @change | EventHandle | current 改变时会触发 change 事件，event.detail = {current: current, source: source} |
实时效果反馈
1. uni-app中，滑块视图容器Swiper可以设置自动切换的属性：
A autoplay
B interval
C duration
D vertical
答案
1=>A