轮播图实现
swiper组件可以快速实现轮播图效果,有以下属性:
- indicator-dots:Boolean类型。用来指示是否显示面板指示点,默认为false。
- autoplay:Boolean类型。用来决定是否自动播放,默认为false。
- interval:Number类型。用来设置swiper-item的切换时间间隔,默认为5000毫秒。
- circular:Boolean类型。用来设置swiper-item的循环滚动。
- duration:Number类型。用来设置swiper-item的滑动动画时长。
wxml代码:
<view class="container">
<swiper indicator-dots="{
{indicatorDots}}" autoplay="{
{autoplay}}" interval="{
{interval}}" duration="{
{duration}}">
<block wx:for="{
{imgUrls}}">
<swiper-item>
<image src="{
{item}}" />
<