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="details-head">
        <view class="headImg">
            <view class="headImg-item">
                
            </view>
            <view class="headImg-item">
 
            </view>
            <view class="headImg-item">
                <image src="../../../static/groupImg/Mask Copy@2x.png"></image>
            </view>
            <view class="headImg-item">
                <image src="../../../static/groupImg/Mask Copy@2x.png"></image>
            </view>  
            <view class="headImg-item">
                <image src="../../../static/groupImg/Mask Copy@2x.png"></image>
            </view>
            <view class="headImg-item">
                <image src="../../../static/groupImg/Mask Copy@2x.png"></image>
            </view>                      
        </view>
        <view class="shengyu">
            <view class="shengyu-num">仅剩<text>3</text>个名额就拼团成功了</view>
            <view class="shengyu-time">
                剩余时间:
                <view class="time">
                    <image src="../../../static/groupImg/Rectangle 31@2x.png"></image>
                    <text>1</text>
                </view>
                天
                <view class="time">
                    <image src="../../../static/groupImg/Rectangle 31@2x.png"></image>
                    <text>1</text>
                </view>
                <view class="time">
                    <image src="../../../static/groupImg/Rectangle 31@2x.png"></image>
                    <text>1</text>
                </view> 
                时             
                <view class="time">
                    <image src="../../../static/groupImg/Rectangle 31@2x.png"></image>
                    <text>1</text>
                </view>
                <view class="time">
                    <image src="../../../static/groupImg/Rectangle 31@2x.png"></image>
                    <text>1</text>
                </view>                
                分             
            </view>
        </view>
        <view class="invitation-btn" bindtap="share">
            <image src="../../../static/groupImg/Invitation.png"></image>
            <text>邀请朋友参加</text>
        </view>
    </view>  
    <view class="rule" style="{{hideFlag ? 'right' : 'left'}}: 0" bindtap="hide">
        <image src="../../../static/groupImg/rule{{hideFlag ? '1' : '2'}}.png"></image>
        <text>拼团规则</text>        
    </view>  
    <view class="explain" hidden="{{hideFlag}}">
        <text>拼团规则</text>
        * 转发给自己的朋友们，分享好课， 追随您一起学习进步。您的魅力不是吹的！ * 在限定时间内内成功拼团，您将得到xx元的奖励金哦。 * 如果拼团失败，您预付的课程费将在48小时内退回您的账户。
    </view>
</view> 
<canvas canvas-id="myCanvas" style="width:370px; height: 507px; position: absolute; left: -99rpx; top: -999rpx;"></canvas>
<shareDialog id="share-dialog"/>