autoplay

wxml 代码： <!--pages/swipe/swipe.wxml--> <view> <swiper circular="true" indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}"> <block wx:for="{{imgUrls}}"> <swiper-item> <image src="{{item}}" style="width: {{imageWidth}}px;" class="slide-image" model="aspectFit" /> </swiper-item> </block> </swiper> </view> model="aspectFit" mode 有 13 种模式，其中 4 种是缩放模式，9 种是裁剪模式。缩放 aspectFit 保持纵横比缩放图片，使图片的长边能完全显示出来。也就是说，可以完整地将图片显示出来。Js代码： data: { imageWidth: wx.getSystemInfoSync().windowWidth,//图片宽度 indicatorDots:true, autoplay:true, interval: 2000, duration: 1000

swiper 滑块视图容器 用于轮播图等 indicator-dots Boolean false 是否显示面板指示点 indicator-color Color rgba(0, 0, 0, .3) 指示点颜色 1.1.0 indicator-active-color Color #000000 当前选中的指示点颜色 1.1.0 autoplay Boolean false 是否自动切换 current Number 0 当前所在滑块的 index current-item-id String "" 当前所在滑块的 item-id ，不能与 current 被同时指定 1.9.0 interval Number 5000 自动切换时间间隔 duration Number 500 滑动动画时长 circular Boolean false 是否采用衔接滑动 vertical Boolean false 滑动方向是否为纵向 previous-margin String "0px" 前边距，可用于露出前一项的一小部分，接受 px 和 rpx 值 1.9.0 next-margin String "0px" 后边距，可用于露出后一项的一小部分，接受 px 和 rpx 值 1.9.0 display-multiple-items Number 1 同时显示的滑块数量 1.9.0 skip

还有几天快过年了，在这里提前祝大家新年快乐！ 今天没事研究了一下小程序，想整个轮播图玩玩，然后开始看看文档https://mp.weixin.qq.com/debug/wxadoc/dev/component/swiper.html?t=20161107（官网地址） 示例代码 index.wxml <view class="container"> < swiper indicator-dots= "{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}"> <block wx:for="{{imgUrls}}"> <swiper-item> <image src="{{item}}" class="slide-image" width="355" height="150"/> </swiper-item> </block> </swiper> <button bindtap="changeIndicatorDots"> indicator-dots </button> <button bindtap="changeAutoplay"> autoplay </button> <slider bindchange="intervalChange" show