微信小程序 swiper 轮播+缩略图

wxml:
<view id="content">
  <!--banner-->
  <view class="recommend">
    <view class="swiper-container">
      <swiper autoplay="auto" interval="5000" duration="500" current="{
  {swiperCurrent}}" circular="{
  {circular}}" bindchange="swiperChange" class="swiper">
        <block wx:for="{
  {slider}}" wx:key="unique">
          <swiper-item data-id="{
  {item.id}}" data-url="{
  {item.linkUrl}}" class="dot{
  {index == swiperCurrent ? ' active' : ''}}" bindtap="chuangEvents" id="{
  {index}}">
            <image src="{
  {item.picUrl}}" class="img"></image>
            <span>{
  {item.index+1}}<