小程序竖向轮播图如何制作

 时间:2024-11-06 01:21:45

1、首先在开发工具准备一个代码片段,如下图所示

小程序竖向轮播图如何制作

2、接着在wxml中添加swiper节点,如下图所示,其中for循环内的数据就是你要准备循环的图片,注意设置Vertical为false

小程序竖向轮播图如何制作

3、然后给wxml设置一下样式,如下图所示

小程序竖向轮播图如何制作

4、接下来在JS中准备轮播图数据,这里的数据应该是从后台获取,小编这里直接定义了几个背景

小程序竖向轮播图如何制作

5、运行以后我们就看到竖向的轮播图了,如下图所示

小程序竖向轮播图如何制作

6、最后小编要提醒大家的是swiper中的属性值一般都是在JS中定义,wxml中调用的

小程序竖向轮播图如何制作
  • processOn如何插入文本
  • 亿图图示如何插入矩形工具#校园分享#
  • word中怎么插入另外一个word文档
  • 如何通过理财教育来提升大学生理财能力?
  • word2016怎么删除空白页
  • 热门搜索
    山东旅游景点介绍 中国旅游最好的地方 金马太极地旅游区 清远旅游公司 溱潼古镇旅游攻略 邮船旅游 上海旅游酒店 水泊梁山旅游网 西部旅游攻略 庐山旅游网