reader/components/activityList/index.wxml

<wxs src="../../utils/filter.wxs" module="filters" />
<view class="activityList">
  <view class="activityBox">
    <image src="" class="cover" />
    <view class="footer">
      <view class="info">
        <view class="title">标题</view>
        <!--  <view class="time">{{filters.formatDate(item.startTime,2)}}—{{filters.formatDate(item.endTime,2)}}
        </view> -->
        <view class="timeOut {{item.second=='00'?'closing':''}}" wx:if="{{item.second}}">距活动结束：
          <view class="outNum">{{item.hour}}</view>
          <view class="outSplit">:</view>
          <view class="outNum">{{item.minute}}</view>
          <view class="outSplit">:</view>
          <view class="outNum">{{item.second}}</view>
        </view>
      </view>
      <view class="btn {{item.second=='00'?'closingBtn':''}}" bindtap="drawVoucher">立即领取</view>
    </view>
  </view>
  <block wx:for="{{activityList}}" wx:key="id">
    <view class="activityBox" wx:if="{{item.bannerType==1}}" bindtap="activityEvent" data-info="{{item}}">
      <image src="{{item.icon}}" class="cover" />
      <view class="footer">
        <view class="info">
          <view class="title">{{item.title}}</view>
          <view class="time">{{filters.formatDate(item.startTime,2)}}—{{filters.formatDate(item.endTime,2)}}
          </view>
        </view>
        <view class="btn">立即参与</view>
      </view>
    </view>
    <view class="ranking-class-1" wx:if="{{item.bannerType==2}}">
      <view class="header">
        <view class="title">{{item.title}}</view>
        <view class="toAll" bindtap="activityEvent" data-info="{{item}}">查看全部
          <image src="/static/black.png" class="backIcon" />
        </view>
      </view>
      <view class="body">
        <view class="top">
          <view class="userBox" bindtap="jumpUserInfo" data-uid='{{item.userList[1].uid}}'>
            <view class="secondUser">
              <image src="{{item.userList[1].avatar||'/static/nullAvatar.png'}}" class="avatar" />
            </view>
            <view class="nickName textOver">{{item.userList[1].nickName||item.userList[1].eid||'等你来占位'}}</view>
          </view>
          <view class="userBox" bindtap="jumpUserInfo" data-uid='{{item.userList[0].uid}}'>
            <view class="firstUser">
              <image src="{{item.userList[0].avatar||'/static/nullAvatar.png'}}" class="avatar" />
            </view>
            <view class="nickName textOver">{{item.userList[0].nickName||item.userList[0].eid||'等你来占位'}}</view>
          </view>
          <view class="userBox" bindtap="jumpUserInfo" data-uid='{{item.userList[2].uid}}'>
            <view class="thirdUser">
              <image src="{{item.userList[2].avatar||'/static/nullAvatar.png'}}" class="avatar" />
            </view>
            <view class="nickName textOver">{{item.userList[2].nickName||item.userList[2].eid||'等你来占位'}}</view>
          </view>
        </view>
        <view class="btm">
          <view class="userBox" wx:for="{{5}}" wx:key="index" wx:for-item="items">
            <image src="{{item.userList[index+3].avatar||'/static/nullAvatar.png'}}" class="avatar"
              bindtap="jumpUserInfo" data-uid='{{item.userList[index+3].uid}}' />
            <view class="nickName textOver">
              {{item.userList[index+3].nickName||item.userList[index+3].eid||'等你来占位'}}
            </view>
          </view>
        </view>
      </view>
    </view>
    <view class="ranking-class-2 {{item.type=='2'?'yxb':item.type=='3'?'rbb':'pkb'}}" wx:if="{{item.bannerType==3}}">
      <view class="header">
        <view class="left">
          <image src="{{item.type=='2'?'/static/yxb.png':item.type=='3'?'/static/rbb.png':'/static/pkb.png'}}"
            class="icon" />
          <view class="title">{{item.title}}</view>
        </view>
        <view class="toAll" bindtap="activityEvent" data-info="{{item}}">查看全部
          <image src="/static/rBtn.png" class="backIcon" />
        </view>
      </view>
      <view class="body">
        <view class="row" wx:for="{{3}}" wx:key="index" wx:for-item='items' bindtap="jumpUserInfo"
          data-uid='{{item.userList[index].uid}}'>
          <view class="left">
            <image src="/static/{{index+1}}-1.png" class="stand" />
            <image src="{{item.userList[index].avatar||'/static/nullAvatar.png'}}" class="avatar" />
            <view class="nickName textOver">{{item.userList[index].nickName||item.userList[index].eid||'等你来占位'}}
            </view>
          </view>
          <view class="right">
            <image src="{{item.type=='2'?'/static/yx.png':item.type=='3'?'/static/play.png':'/static/win.png'}}"
              class="playIcon" />
            <view class="num">{{item.userList[index].count}}</view>
          </view>
        </view>
      </view>
    </view>
  </block>
</view>
<Voucher id="voucher" />