swiper组件是滑块视图容器,其中只可放置swiper-item组件,否则会导致未定义的行为。
使用示例:
新建test页面作为启动页
在test页面中
效果如下图
设置轮播图指示点
效果如下:
设置自动轮播
把autoplay设置为true即可自动播放轮播图,如果没有指定时间间隔,那么自动切换间隔时间默认为5秒
interval属性可以设置自动切换时间
设置衔接滑动
现在轮播图切换到最后一张时,回到第一张可见并不是衔接的
如果要设置衔接滑动,设置circular属性为true即可
设置滑动动画时长
duration属性可以设置滑动的动画时长,默认为500ms
上图中红框代码设置了滑动的动画时长为1秒
切换显示哪一项swiper-item
通过改变swiper的current属性的值
使用item-id