reader/component/popup/popup.wxml

<!--component/popup/popup.wxml-->
<view class="popup" hidden="{{flag}}" catchtouchmove="touchMove">
    <!--成功-->
    <view class="popup-container" wx:if="{{typeOf == 'success' ? true : false}}">
        <view class="head-img" style="height: 240rpx">
            <image src="../../static/groupImg/success.png"></image>
        </view>
        <view class="head-txt">
            <view class="title">{{title}}</view>
            <view class="head-con">
                {{headTextOne}}
            </view>
            <view>
                {{headTextTwo}}
            </view>
        </view>
        <view class="content" style="font-size:32rpx; margin-top: 54rpx;">    
            <block wx:for="{{content}}" wx:key="{{index}}">
                <text style="color: {{item.color}};">{{item.text}}</text>
            </block>
        </view>
        <view style="font-size: 28rpx; color: #7D7D7D; text-align: center; margin-top: 40rpx;" wx:if="{{haveReward}}">您收到的奖学金会自动到您的微信钱包</view>
         <view class="send-btn" bindtap="launchGroup">
            <text>{{btnContent}}</text>
        </view>
    </view>
    <!--失败 -->
    <view class="popup-container"  wx:if="{{typeOf == 'error' ? true : false}}">
        <view class="head-img" style="height: 366rpx; margin-top: -120rpx;">
            <image src="../../static/groupImg/error.png"></image>
        </view>
        <view class="head-txt">
            <view class="title" style="margin-top: 80rpx; color: #4A90E2;">很遗憾 拼团失败</view>
            <view class="head-con" style="color: #000">
                您发起的团购拼团成功
            </view>
        </view>
        <view class="content" style="margin-top: 30rpx;">    
            <text style="color: #000;">您可以继续发起新的团购，</text>
            <text style="color: #FF9B00;">不再需要支付本课程费用，拼团成功，</text>
            <!-- <text style="color: #FF0000;">您将得到xxx元奖励。</text> -->
        </view>
        <view class="send-btn">
            <image src="../../static/groupImg/Invitation.png"></image>
            <text>发起团购</text>
        </view>
    </view>
    <!--发起拼团成功 -->
    <view class="popup-container"  wx:if="{{typeOf == 'sendSuccess' ? true : false}}">
        <view class="content">
            <text style="color: #F66C1C; font-weight: bolder; margin-top: 20rpx;">{{title}}</text>
            <text style="font-size: 28rpx">{{headTextOne}}</text>
            <text style="font-size: 28rpx">{{headTextTwo}}</text>
        </view>
        <view class="content" style="margin-top: 15rpx; font-size:28rpx;">
            <block wx:for="{{content}}" wx:key="{{index}}">
                <text style="color: {{item.color}};">{{item.text}}</text>
            </block>
        </view>
        <view class="bottom">
            * 如果拼团失败，您预付的课程费将在48小时内退回您的账户。
        </view>
    </view>
    <!--发起拼团失败 -->
    <view class="popup-container"  wx:if="{{typeOf == 'senderror' ? true : false}}">
        <view class="content">
            <text style="color: #F66C1C; font-weight: bolder;">感谢团长</text>
            <text style="color: #F66C1C;">不再需要支付本课程费用，拼团成功，</text>
        </view>
        <view class="head-img"style="text-align: center;margin-top: 29rpx;">
            <image src="../../static/groupImg/liwu.png" style="width: 288rpx; height: 184rpx;"></image>
        </view>
        <view class="bottom" style="color: #000;">
            * 如果拼团失败，您预付的课程费将在48小时内退回您的账户。
        </view>
    </view>
    <view class="cha" bindtap="close">
        <image src="../../static/image/lollipop.png"></image>
    </view>
</view>