小程序里面的轮播图可以用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 - item - layout 是否跳过未显示的滑块布局，设为 true 可优化复杂情况下的滑动性能，但会丢失隐藏状态滑块的布局信息
easing - function 指定 swiper 切换缓动动画类型
bindchange current 改变时会触发 change 事件，event.detail = { current, source }
bindtransition swiper - item 的位置发生改变时会触发 transition 事件，event.detail = { dx: dx, dy: dy }
bindanimationfinish 动画结束时会触发 animationfinish 事件，event.detail 同上
swiper-item 和swiper只能和swiper-item一起配合使用一样。 swiper-item只能放到swiper容器里面 属性如下：
item-id 该 swiper - item 的标识符
接下来让我们用上面所述写一个简单的轮播图吧！
index.wxml
index.wxss
index.js
首先wxml页面属性绑定成变量为了后面好维护，其次js页面协商注释便于以后维护或修改起来方便，不用再去查找这个是什么属性了，干嘛的啦！
最后，微信小程序一个简单的轮播图就做好了，后面还有写好多呢，所以就不说太多了，往后看吧，希望对你能有帮助！