<!-- 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="details-head">
        <view class="headImg">
            <block wx:for="{{joinUserList}}" wx:key="{{index}}">
                <view class="headImg-item {{organizerUid == item.uid ? 'bg-boder' : ''}}">
                    <!-- <image wx:if="{{organizerUid == item.uid}}" class="tuanzhangIcon" src="../../../static/groupImg/tuanzhangIcon.png"></image> -->
                    <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="shengyu" wx:if="{{!dataLoading}}">
            <view class="shengyu-num" wx:if="{{colonelName}}">{{colonelName}}发起{{groupOsType === 'IOS' ? '助力' : '团购'}}</view>
            <view class="shengyu-num" hidden="{{surplusNum == '0' || !stillGoing}}">
                仅剩
                <text>{{surplusNum}}</text>
                个名额就{{groupOsType === 'IOS' ? '助力' : '团购'}}成功了
            </view>
            <view class="shengyu-num" hidden="{{stillGoing}}">团购已超过时限</view>
            <view class="shengyu-num" hidden="{{surplusNum != '0'}}">{{groupOsType === 'IOS' ? '助力' : '团购'}}成功!快去朗读吧</view>
            <view class="shengyu-time" hidden="{{surplusNum == '0'}}">
                剩余时间:
                <block wx:for="{{timeList[0]}}" wx:key="{{index}}">
                    <view class="time">
                        <text>{{item}}</text>
                    </view>
                </block>
                小时
                <block wx:for="{{timeList[1]}}" wx:key="{{index}}">
                    <view class="time">
                        <text>{{item}}</text>
                    </view>
                </block>
                分钟   
            </view>
        </view>
        <view class="invitation-btn" bindtap="openShare">
            <!-- <image src="../../../static/groupImg/Invitation.png"></image> -->
            <text>{{read ? '开始你的表演' : '邀请朋友参加'}}</text>
        </view>
        <view class="explain" wx:if="{{groupOsType === 'IOS' ? false : true}}">
            <text style="fontSize:44rpx;">拼团规则</text>
            <view style="margin-top:30rpx;">转发给自己的朋友们，分享好课，追随您一起学习进步</view>
            <view>您的魅力不是吹的</view>
            <view style="margin-top:20rpx;">在限定时间内成功拼团，团长将得到{{rewardMoney}}元的奖励金</view>
            <view style="margin-top:20rpx;">如果拼团失败</view>
            <view >您预付的课程费将在48小时内退回您的账户</view>
        </view>
        <view class="explain" wx:if="{{groupOsType === 'IOS' ? true : false}}">
            <text style="fontSize:44rpx;">助力规则</text>
            <view style="margin-top:30rpx;">转发给自己的朋友们，分享好课，追随您一起学习进步</view>
            <view>您的魅力不是吹的</view>
            <view style="margin-top:20rpx;">在限定时间内成功助力，团长将得到三年使用权</view>
            <view style="margin-top:20rpx;">助力者将得到七天的试用权</view>
            <!-- <view style="margin-top:20rpx;">如果拼团失败</view> -->
            <!-- <view >您预付的课程费将在48小时内退回您的账户</view> -->
        </view>
    </view>
</view>
<canvas canvas-id="myCanvas" style="width:375px; height: 668px; 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}}" />