.swan
<swiper
indicator-color="rgba(0,0,0,0.30)"
indicator-active-color="#fff"
duration="{{switchDuration}}"
interval="{{autoPlayInterval}}"
autoplay="{{switchAutoPlayStatus}}"
indicator-dots="{{switchIndicateStatus}}"
vertical="false"
circular="true"
current="0"
current-item-id="0"
previous-margin="0px"
next-margin="0px"
display-multiple-items="1"
bind:change="swiperChange"
bind:animationfinish="animationfinish"
>
<view s-for="i in imgUrls" class="">
<view s-for="d in i" class="novel_block">
<view class="novel_block">
<image class="image"
data-name="aspectFill"
bindtap="onTap"
mode="" src="{{d.img}}" binderror="imageError" bindload="imageLoad" />
<view class="novel_name">{{d.title}}</view>
</view>
</view>
</swiper>
.js
Page({
data: {
imgUrls: [
[{title:'蒙牛上天',img:'../../images/1.jpg',url:'/test/index'},
{title:'蒙牛上天',img:'../../images/1.jpg'},
{title:'蒙牛上天',img:'../../images/1.jpg'}],
[{title:'蒙牛上天',img:'../../images/2.jpg'},
{title:'蒙牛上天',img:'../../images/2.jpg'},
{title:'蒙牛上天',img:'../../images/2.jpg'}],
[{title:'蒙牛上天',img:'../../images/3.jpg'},
{title:'蒙牛上天',img:'../../images/3.jpg'},
{title:'蒙牛上天',img:'../../images/3.jpg'}]
],
current: 0,
switchIndicateStatus: true,
switchAutoPlayStatus: true,
switchDuration: 800,
autoPlayInterval: 2000
},
});