reader/components/activityList/index.wxml

<wxs src="../../utils/filter.wxs" module="filters" />
<view class="activityList">
  <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>
    <view class="ranking-class-1 {{item.type=='2'?'yxb':item.type=='3'?'rbb':'pkb'}}" wx:if="{{item.bannerType==2}}">
      <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="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>
    <view class="activityBox" wx:if="{{item.bannerType==4&&!isIos}}">
      <image src="{{item.icon}}" class="cover-small " />
      <view class="footer">
        <view class="info">
          <view class="title">{{item.title}}</view>
          <view class="time" wx:if="{{!item.voucherType}}">
            {{filters.formatDate(item.startTime,2)}}—{{filters.formatDate(item.endTime,2)}}
          </view>
          <view class="timeOut {{item.finish?'closing':''}}" wx:if="{{item.voucherType}}">距活动结束：
            <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.finish?'closingBtn':''}}" data-info='{{item}}' bindtap="drawVoucher">
          {{item.finish?
          '已结束':item.voucherType?'立即使用':'立即领取'}}
        </view>
      </view>
    </view>
    <view class="newActivityBox" wx:if="{{item.bannerType==5}}" data-info="{{item}}" bindtap="activityEvent">
      <image src="{{item.icon}}" class="cover" />
      <view class="footer">
        <view class="row">
          <view class="title">{{item.title}}</view>
          <view class="partake">
            <text>{{filters.numFilter(item.joinCount)}}</text>人参与
          </view>
        </view>
        <view class="row" style="margin-top: 10rpx;">
          <view class="time">
            {{filters.formatDate(item.startTime,2)}}—{{filters.formatDate(item.endTime,2)}}
          </view>
          <view class="btn">
            立即参与
          </view>
        </view>
      </view>
    </view>
  </block>
</view>
<Voucher id="voucher" bind:reload='getActivities' />