reader/pages/groupPage/collage-details/collage-details.wxml

<!-- pages/groupPage/collage-details/collage-details.wxml -->
<view class="collage-details">
    <!-- <view class="step">
        <image src="../../../static/groupImg/step.png"></image>
        <view class="txt">
            <text>1.支付成功</text>
            <text>2.邀请朋友参加</text>
            <text>3.去朗读</text>
        </view>
    </view> -->
    <view class="green-placerholder"></view>
    <image class="class-icon" src="{{groupPurchaseInfo.bgImg}}" />
    <view class="details-head">
        <!-- 剩余时间盒子 -->
        <view class="last-time-box" wx:if="{{!dataLoading}}" hidden="{{ifGroupSuccessed || !stillGoing}}">
            <view class="last-time">
                <image class="left-icon" src="../../../static/groupImg/right_icon.png" />
                <text class="last-time-end">距结束</text>
                <image class="right-icon" src="../../../static/groupImg/left_icon.png" />
            </view>
            <view class="last-text">{{timeLast}}</view>
        </view>
        <!-- 还剩几人参团 -->
        <view class="last-member" wx:if="{{!ifGroupSuccessed}}">
            <view class="group-regular-text" hidden="{{surplusNum == '0' || !stillGoing}}">
                还剩
                <text class="red-text">{{surplusNum}}</text>
                位好友{{groupOsType === 'IOS' ? '助力' : '参团'}}
            </view>
            <!-- 团长本人浏览话术 -->
            <view class="group-regular-text" wx:if="{{organizerUid === hosterUid}}">
                即可获得本课程3年使用权
            </view>
            <!-- 其他人浏览 -->
            <view class="group-organizer group-regular-text" wx:if="{{organizerUid !== hosterUid}}">
                <!-- <view class="group-organizer group-regular-text" wx:if="{{colonelName}}"> -->
                <!-- ios分销团提示小红花 安卓分销团提示获得本课 -->
                <view wx:if="{{groupOsType === 'IOS'}}">
                    即可助力团长
                    <text class="red-text">{{organizer.wechatName}}</text>
                    获得本课
                </view>
                <view wx:if="{{groupOsType === 'ANDROID'}}">即可拼团成功</view>
                <view wx:if="{{groupOsType === 'IOS' && colonelName}}">
                    即可获得300朵
                    <image src="../../../static/image/flower_small.png" />
                </view>
            </view>
            <view class="group-regular-text" hidden="{{stillGoing}}">
                {{groupOsType === 'IOS' ? '助力' : '团购'}}已超过时限
            </view>
            <view class="group-regular-text" hidden="{{surplusNum != '0'}}">
                {{groupOsType === 'IOS' ? '助力' : '团购'}}成功!快去朗读吧
            </view>
        </view>
        <view class="group-success" wx:if="{{ifGroupSuccessed}}">
            <!-- 助力团成功了 团长看到 -->
            <view class="help-success" wx:if="{{groupOsType === 'IOS' && organizerUid === hosterUid}}">
                <view class="group-regular-text">恭喜，好强大的魅力</view>
                <view class="group-regular-text">您发起的助力团成功了</view>
            </view>
            <!-- 助力团成功了 团员看到 -->
            <view class="help-success" wx:if="{{groupOsType === 'IOS' && organizerUid !== hosterUid}}">
                <view class="group-regular-text">在你的帮助下，{{organizer.wechatName}}的助力团成功啦</view>
                <view class="group-regular-text">您获得了7天的本课程试用权哦</view>
            </view>
            <!-- 团购成功了 -->
            <view class="help-success" wx:if="{{groupOsType === 'ANDROID'}}">
                <view class="group-regular-text">拼团成功！</view>
                <view class="group-regular-text">你获得了本课3年试用权哦</view>
            </view>
        </view>
        <!-- 头像 -->
        <view class="headImg">
            <block wx:for="{{joinUserList}}" wx:key="{{index}}">
                <view class="headImg-item bg-boder">
                    <view wx:if="{{organizerUid == item.uid}}" class="organizerIcon">团长</view>
                    <image src="{{item.avatar}}"></image>
                </view>
            </block>
            <block wx:for="{{surplusList}}" wx:key="{{index}}">
                <view class="headImg-item">
                    <image src="../../../static/groupImg/no_head.png"></image>
                </view>
            </block>
        </view>
        <view class="data-loading" wx:if="{{dataLoading}}">
            <view class="line1"></view>
            <view class="line2"></view>
            <view class="line3"></view>
        </view>
        <view class="invitation-btn" bindtap="openShare">
            <!-- <image src="../../../static/groupImg/Invitation.png"></image> -->
            <text>{{ifGroupSuccessed ? '开始你的表演' : groupOsType === 'IOS' ? '立即邀请好友助力' : '立即邀请好友参团'}}</text>
        </view>
        <view class="explain" wx:if="{{groupOsType === 'IOS' ? false : true}}">
            <view class="explain-title">拼团规则</view>
            <view class="explain-gut">转发给自己的朋友们，分享好课，追随您一起学习进步</view>
            <view class="explain-gut">您的魅力不是吹的</view>
            <view class="explain-gut">在限定时间内成功拼团，团长将得到{{rewardMoney}}元的奖励金</view>
            <view class="explain-gut">如果拼团失败</view>
            <view>您预付的课程费将在48小时内退回您的账户</view>
        </view>
        <view class="explain" wx:if="{{groupOsType === 'IOS' ? true : false}}">
            <view class="explain-title">助力规则</view>
            <view class="explain-gut">在限定时间内成功助力，团长将获得本课程3年试用权</view>
            <view class="explain-gut">继续发起，将获得300朵小红花</view>
            <view class="explain-gut">助力者将获得7天的试用权</view>
            <view class="explain-gut">据我们统计：分享到3个群，成功率高达98.2%</view>
        </view>
    </view>
</view>
<canvas canvas-id="myCanvas" style="width:300px; height: 525px; position: absolute; left: -999rpx; top: -9999rpx;"></canvas>
<shareDialog id="share-dialog" shareType='group' shareId="{{orderId}}" />
<popup typeOf="sendSuccess" title="报告团长" headTextTwo='您发起的团购已经成立，订单号：{{orderId}}' content="{{content}}"></popup>
<goBackHome id="goBackHome" shareType="{{goBackHome}}" wx:if="{{goBackHome}}" />