一招教你搞定,小程序图片轮播功能.pdfVIP

一一招招教教你你搞搞定定，，小小程程序序图图片片轮轮播播功功能能 今天说的是小程序的一个小功能，我赌五毛你之前一定看过类 的，先来一张淘宝 图： 在gif里一张张图片的切换就是今天要说的小功能啦，在小程序里创建轮播图，今天由 于太忙的原因就不录demo图了 （好吧其实我是懒... ）看本程序媛是怎么弄出来的吧~ 一、组件 swiper 微信小程序提供了原生的轮播控件，在微信的文档中叫做“滑块视图容器”，只需要简 单的配置就可以实现轮播的效果，非常的方便。在微信开发文档中我们可以看到这些 属性： 然鹅，在开发的过程中，我发现还有一个属性 vertical ，其值接受Boolean型变量，默 认值为false。当不设置 vertical 属性，或者 vertical=”false” 时，指示点在组件下部，图 片轮播从左至右，效果如下： 当设置 vertical=”true” 时，指示点在组件右部，图片轮播就会变成从下至上，就是这 么任性~ 我们需要注意的是： swiper是一个容器类视图，但是其中只能放置组件，如放置其他 节点，会被自动删除。 二、swiper-item swiper-item的话就仅可放置在 swiper 组件中了，宽高自动设置为100%。代表轮播中一 帧的页面，通常以循环的方式加载到页面中。 代