小程序里面的轮播图可以用swiper组件和swiper-item组件配合来实现我们所需要的各种各样的轮播图效果,只需要给这两个组件添加对应效果的属性就可以实现轮播图效果,怎么样?是不是很简单!下面我们来看看这两个组件吧!
swiper 是一个可以滑动的视图容器,需要配合swiper-item组件才能发挥作用,单独使用不可以哦!属性如下:
indicator-dots 是否显示面板指示点
indicator-color 否 指示点颜色
indicator-active - color 当前选中的指示点颜色
autoplay 是否自动切换
current 当前所在滑块的 index
interval 自动切换时间间隔
duration 滑动动画时长
circular 是否采用衔接滑动
vertical 滑动方向是否为纵向
previous-margin 前边距,可用于露出前一项的一小部分,接受 px 和 rpx 值
next - margin 后边距,可用于露出后一项的一小部分,接受 px 和 rpx 值
display - multiple - items 同时显示的滑块数量
skip-hidden