reader/components/activityList/index.wxml

<wxs src="../../utils/filter.wxs" module="filters" />
<view class="activityList">
    <!-- 邀新活动 -->
    <view class="newActivityBox" bindtap="activityEvent">
        <image src="http://reader-wx.ai160.com/images/reader/v3/learn/50fdd9225ae9b8c71a541981f2c46b95.png" class="cover" />
        <view class="footer">
            <view class="row">
                <view class="title">永久vip免费拿</view>
                <view class="partake">
                    <text>{{filters.numFilter(item.joinCount)}}</text>人参与
                </view>
            </view>
            <view class="row" style="margin-top: 10rpx;">
                <view class="time"></view>
                <view class="btn">
                    立即参与
                </view>
            </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>
        <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' />