微信小程序> 小程序竖向轮播图如何制作-小程序竖向轮播RS

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

浏览量:2380 时间: 来源:RSY_SXY
小程序竖向轮播图如何制作

大多数小程序开发都是制作横向的轮播图,那么如何制作竖向的轮播图呢?下面小编给大家分享一下。

工具/原料

1.小程序开发工具


方法/步骤

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

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

4.然后给wxml设置一下样式,如下图所示

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

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

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

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎