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