大多数小程序开发都是制作横向的轮播图，那么如何制作竖向的轮播图呢？下面小编给大家分享一下。
工具/原料
小程序开发工具
方法/步骤
1
首先在开发工具准备一个代码片段，如下图所示
2
接着在wxml中添加swiper节点，如下图所示，其中for循环内的数据就是你要准备循环的图片，注意设置Vertical为false
3
然后给wxml设置一下样式，如下图所示
4
接下来在JS中准备轮播图数据，这里的数据应该是从后台获取，小编这里直接定义了几个背景
5
运行以后我们就看到竖向的轮播图了，如下图所示
6
最后小编要提醒大家的是swiper中的属性值一般都是在JS中定义，wxml中调用的
下一篇：Axure设计：轮播图