reader/pages/invite/index.wxml

<wxs src="../../utils/filter.wxs" module="filters" />

<view class="invite">
    <image src="http://reader-wx.ai160.com/images/reader/v3/learn/yxbg.png" class='headerBg' />
    <view class="progressBox">
        <!-- 第一关 -->
        <view>
            <view class="row ">
                <view class="line"></view>
                <view class="numBox" wx:for="{{2}}" wx:key="index">
                    <view class="num">邀{{index+1}}人</view>
                    <image src="{{count>=index+1?'/static/lock-2.png':'/static/lock-1.png'}}" class="icon" />
                    <image src="/static/ct.png" class="current" wx:if='{{count==index+1}}' />
                </view>
                <view class="numBox {{count>2?'qualify':''}}">
                    <view class="rewardNum">VIP7天</view>
                    <view class="rewardN">第一关</view>
                    <image src="{{count>=2?'/static/qb-2.png':'/static/qb-1.png'}}" class="reward" />
                </view>
            </view>
            <view class="btns" wx:if="{{count<2}}">
                <image src="/static/cjd.png" class="transcript" bindtap="showTranscript" />
                <button class="resetBtn" open-type="share">
                    <image src="/static/yqb.png" class="inviteBtn" />
                </button>
            </view>
        </view>
        <!-- 第二关 -->
        <view>
            <view class="row ">
                <view class="line"></view>
                <view class="numBox" wx:for="{{3}}" wx:key="index">
                    <view class="num">邀{{index+3}}人</view>
                    <image src="{{count>=index+3?'/static/lock-2.png':'/static/lock-1.png'}}" class="icon" />
                    <image src="/static/ct.png" class="current" wx:if='{{count==index+3}}' />
                </view>
                <view class="numBox {{count>=5?'qualify':''}}">
                    <view class="rewardNum">VIP15天</view>
                    <view class="rewardN">第二关</view>
                    <image src="{{count>=5?'/static/qb-2.png':'/static/qb-1.png'}}" class="reward" />
                </view>
            </view>
            <view class="btns" wx:if="{{count>=2&count<5}}">
                <image src="/static/cjd.png" class="transcript" bindtap="showTranscript" />
                <button class="resetBtn" open-type="share">
                    <image src="/static/yqb.png" class="inviteBtn" />
                </button>
            </view>
        </view>
        <!-- 第三关 -->
        <view>
            <view class="row ">
                <view class="line"></view>
                <view class="numBox" wx:for="{{5}}" wx:key="index">
                    <view class="num">邀{{index+6}}人</view>
                    <image src="{{count>=index+6?'/static/lock-2.png':'/static/lock-1.png'}}" class="icon" />
                    <image src="/static/ct.png" class="current" wx:if='{{count==index+6}}' />
                </view>
                <view class="numBox {{count>=10?'qualify':''}}">
                    <view class="rewardNum">VIP1个月</view>
                    <view class="rewardN">第三关</view>
                    <image src="{{count>=10?'/static/qb-2.png':'/static/qb-1.png'}}" class="reward" />
                </view>
            </view>
            <view class="btns" wx:if="{{count>=5&&count<10}}">
                <image src="/static/cjd.png" class="transcript" bindtap="showTranscript" />
                <button class="resetBtn" open-type="share">
                    <image src="/static/yqb.png" class="inviteBtn" />
                </button>
            </view>
        </view>
        <!-- 第四关 -->
        <view>
            <view class="row ">
                <view class="line"></view>
                <view class="numBox" wx:for="{{5}}" wx:key="index">
                    <view class="num">邀{{index+11}}人</view>
                    <image src="{{count>=index+11?'/static/lock-2.png':'/static/lock-1.png'}}" class="icon" />
                    <image src="/static/ct.png" class="current" wx:if='{{count==index+11}}' />
                </view>
            </view>
            <view class="row ">
                <view class="line"></view>
                <view class="numBox" wx:for="{{5}}" wx:key="index">
                    <view class="num">邀{{index+16}}人</view>
                    <image src="{{count>=index+16?'/static/lock-2.png':'/static/lock-1.png'}}" class="icon" />
                    <image src="/static/ct.png" class="current" wx:if='{{count==index+16}}' />
                </view>
            </view>
            <view class="row ">
                <view class="line"></view>
                <view class="numBox" wx:for="{{5}}" wx:key="index">
                    <view class="num">邀{{index+21}}人</view>
                    <image src="{{count>=index+21?'/static/lock-2.png':'/static/lock-1.png'}}" class="icon" />
                    <image src="/static/ct.png" class="current" wx:if='{{count==index+21}}' />
                </view>
            </view>
            <view class="row ">
                <view class="line"></view>
                <view class="numBox" wx:for="{{5}}" wx:key="index">
                    <view class="num">邀{{index+26}}人</view>
                    <image src="{{count>=index+26?'/static/lock-2.png':'/static/lock-1.png'}}" class="icon" />
                    <image src="/static/ct.png" class="current" wx:if='{{count==index+26}}' />
                </view>
                <view class="numBox {{count>=30?'qualify':''}}">
                    <view class="rewardNum">VIP12个月</view>
                    <view class="rewardN">第四关</view>
                    <image src="{{count>=30?'/static/qb-2.png':'/static/qb-1.png'}}" class="reward" />
                </view>
            </view>
            <view class="btns" wx:if="{{count>=10&count<30}}">
                <image src="/static/cjd.png" class="transcript" bindtap="showTranscript" />
                <button class="resetBtn" open-type="share">
                    <image src="/static/yqb.png" class="inviteBtn" />
                </button>
            </view>
        </view>
        <!-- 第五关 -->
        <view>
            <view class="row ">
                <view class="line"></view>
                <view class="numBox" wx:for="{{5}}" wx:key="index">
                    <view class="num">邀{{index+31}}人</view>
                    <image src="{{count>=index+31?'/static/lock-2.png':'/static/lock-1.png'}}" class="icon" />
                    <image src="/static/ct.png" class="current" wx:if='{{count==index+31}}' />
                </view>
            </view>
            <view class="row ">
                <view class="line"></view>
                <view class="numBox" wx:for="{{5}}" wx:key="index">
                    <view class="num">邀{{index+36}}人</view>
                    <image src="{{count>=index+36?'/static/lock-2.png':'/static/lock-1.png'}}" class="icon" />
                    <image src="/static/ct.png" class="current" wx:if='{{count==index+36}}' />
                </view>
            </view>
            <view class="row ">
                <view class="line"></view>
                <view class="numBox" wx:for="{{5}}" wx:key="index">
                    <view class="num">邀{{index+41}}人</view>
                    <image src="{{count>=index+41?'/static/lock-2.png':'/static/lock-1.png'}}" class="icon" />
                    <image src="/static/ct.png" class="current" wx:if='{{count==index+41}}' />
                </view>
            </view>
            <view class="row ">
                <view class="line"></view>
                <view class="numBox" wx:for="{{5}}" wx:key="index">
                    <view class="num">邀{{index+46}}人</view>
                    <image src="{{count>=index+46?'/static/lock-2.png':'/static/lock-1.png'}}" class="icon" />
                    <image src="/static/ct.png" class="current" wx:if='{{count==index+46}}' />
                </view>
            </view>
            <view class="row ">
                <view class="line"></view>
                <view class="numBox" wx:for="{{5}}" wx:key="index">
                    <view class="num">邀{{index+51}}人</view>
                    <image src="{{count>=index+51?'/static/lock-2.png':'/static/lock-1.png'}}" class="icon" />
                    <image src="/static/ct.png" class="current" wx:if='{{count==index+51}}' />
                </view>
            </view>
            <view class="row ">
                <view class="line"></view>
                <view class="numBox" wx:for="{{5}}" wx:key="index">
                    <view class="num">邀{{index+56}}人</view>
                    <image src="{{count>=index+56?'/static/lock-2.png':'/static/lock-1.png'}}" class="icon" />
                    <image src="/static/ct.png" class="current" wx:if='{{count==index+56}}' />
                </view>
                <view class="numBox {{count>=60?'qualify':''}}">
                    <view class="rewardNum">SVIP终身</view>
                    <view class="rewardN">第五关</view>
                    <image src="{{count>=60?'/static/qb-2.png':'/static/qb-1.png'}}" class="reward" />
                </view>
            </view>
            <view class="btns" wx:if="{{count>=30}}">
                <image src="/static/cjd.png" class="transcript" bindtap="showTranscript" />
                <button class="resetBtn" open-type="share">
                    <image src="/static/yqb.png" class="inviteBtn" />
                </button>
            </view>
        </view>
    </view>
    <view class="guide">
        <image src="/static/gl.png" class="titleImg" />
        <view class="row">
            <image src="/static/gline.png" class="logo" />
            <text class="text">分享作品 - 群/好友</text>
        </view>
        <view class="row">
            <image src="/static/gline.png" class="logo" />
            <text class="text">分享活动 - 群/好友</text>
        </view>
        <view class="row">
            <image src="/static/gline.png" class="logo" />
            <text class="text">分享小程序 - 群/好友</text>
        </view>
        <view class="explain">新用户通过分享链接进到小程序，邀请成功。</view>
    </view>
</view>
<popUp id="popUp">
    <view class="popBox">
        <view class="header">
            成绩单
            <image src="/static/lollipop.png" class="close" bindtap="closeTranscript" />
        </view>
        <scroll-view scroll-y="true" class="list" enhanced show-scrollbar='{{false}}'>
            <view class="item" wx:for="{{list}}" wx:key="eid">
                <view class="left">
                    <view class="num">{{index+1}}</view>
                    <image src="{{item.avatar}}" class="avatar" />
                    <view class="nickName textOver">{{item.nickName||item.eid}}</view>
                </view>
                <view class="time">{{filters.formatDate(item.gmtCreated,1)}}</view>
            </view>
            <button class="resetBtn" open-type="share">
                <image src="/static/yqb.png" class="inviteBtn" />
            </button>
        </scroll-view>
    </view>
</popUp>