微信小程序轮播图循环怎么弄

　　关于小程序的轮播图，小编在之前已经做过一些介绍了，如果大家看过都会有一些了解，那么今天小编接着为大家讲解一下微信小程序轮播图循环怎么操作。

　　照着小程序开发文档尝试,总是能有所收获.之前做Android开发,做个轮播图并不简单,用上viewpage再设置圆点,折腾一通之后还一堆bug.今天尝试微信小程序开发做轮播图,真是感动的泪流满面.废话说完了,上图.

　　上图就是一个简易的轮播图,是不是很简易?

　　主要是代码也很简单.

　　1.index.wxml

　　[html] view plain copy

　　这里有几个属*需要说明.

　　微信小程序开发的循环用到了

　　我这里是遍历movies[]数组.就是item

　　2.index.js

　　[html] view plain copy//index.js

　　//获取应用实例

　　var app = getApp()

　　Page({

　　data: {

　　movies:[

　　{url:'img04.tooopen/images/20130712/tooopen_17270713.jpg'} ,

　　{url:'img04.tooopen/images/20130617/tooopen_21241404.jpg'} ,

　　{url:'img04.tooopen/images/20130701/tooopen_20083555.jpg'} ,

　　{url:'img02.tooopen/images/20141231/sy_78327074576.jpg'}

　　]

　　},

　　onLoad: function () {

　　}

　　})

　　3.WXML

　　/**index.wxss**/

　　.swiper {

　　height: 400rpx;

　　width: 100%;

　　}

　　.swiper image {

　　height: 100%;

　　width: 100%;

　　}

　　微信小程序轮播图循环的设置方法就在上文中了，具体的小程序代码也在文中给出了，希望大家参照流程，都能设置成功，更多相关资料请关注微信小程序素材网。

　　微信小程序轮播图代码参考

　　小程序顶部轮播图怎么设置

　　微信小程序轮播之文字轮播