reader/pages/match/index.wxml

<view class="matchBox">
  <image src="" class="headerImg" />
  <view class="modelText">
    <view class="header">
      <image src="/static/modelBg.png" class="bg" />
      <view class="text">一年级朗读范文素材</view>
    </view>
    <view class="tips">
      选择下面范文进行朗读
    </view>
    <swiper class="swiper" autoplay circular indicator-dots previous-margin='36px' next-margin='20px'
      indicator-active-color="#7ACAFF" indicator-color='#BABABA'>
      <block wx:for="{{bannerList}}" wx:key="id">
        <swiper-item bindtap='bannelEvent'>
          <image src="{{item.url}}" class="swiper-item" mode="" />
        </swiper-item>
      </block>
    </swiper>
  </view>
  <view class="rankList">
    <view class="switchBtns" bindtap="selectType">
      <view class="switchBtn {{currentType?'currentBtn currentBtn-l':''}}" data-type='true'>人气榜TOP100</view>
      <view class="switchBtn {{!currentType?'currentBtn currentBtn-r':''}}" data-type='false'>我的参赛作品</view>
    </view>
  </view>
</view>