jzmall_wx/pages/activity/invitefriends/inviteFriends.wxml

<!--pages/activity/inviteFriends.wxml--> 
<view class="container">
  <view class="backg">
    <view class="line_gzls">
      <view class="line_gzls_gz">
        <!--活动规则-->
        <image bindtap="tank" src="/static/images/active/hdgz.png" />
      </view>
      <view class="line_gzls_ls">
        <!--活动历史-->
        <image  bindtap="toActivityHistory" src="/static/images/active/hdls.png" />
      </view>
    </view>

    <!-- 点击领取卡片 -->
    <view class="lqkp">
        <view class="shibai"  wx:if="{{invationData.status==2}}">{{namestr}}，邀请失败</view> 
      <view class="shibai" wx:if="{{invationData.status==1}}" >{{namestr}}，好友人数已满</view>
      <view class="charen"  wx:if="{{invationData.status==0}}">{{namestr}}，还差<span style="font-size:55rpx;">{{3-invationData.qty}}</span>人可以领取</view>
      <view class="charen"  wx:if="{{isfirst}}">{{namestr}}，还差<span style="font-size:55rpx;">3</span>人可以领取</view>

      <image  wx:if="{{invationData.status==2||invationData.status==0}}" style="width:588rpx;height:613rpx;" src="/static/images/active/yhq_min.png"></image>
      <image  wx:if="{{invationData.status==1}}" style="width:588rpx;height:694rpx;" src="/static/images/active/yhq_max.png"></image>
      <image  wx:if="{{isfirst}}" style="width:588rpx;height:613rpx;" src="/static/images/active/yhq_min.png"></image>
      
      <!--立即邀请，点击领取，再来一次-->
      <button  wx:if="{{invationData.status==0}}" data-state='1' open-type="share" class="dianjiljyq"  ></button>
      <!--点击领取 不是弹窗-->
      <button  wx:if="{{invationData.status==1}}" bindtap="lingqu"    class="dianjilq" src="/static/images/active/djlq.png"></button>
      <button  wx:if="{{invationData.status==2}}" data-state='3'  open-type="share" class="dianjizlyc"  ></button>
      <button  wx:if="{{isfirst}}" data-state='1' open-type="share" class="dianjiljyq"  ></button>
     
       <!--再来一次小红点-->
      <button  wx:if="{{invationData.status==1}}" data-state='3'  open-type="share" class="zlyc" src="/static/images/active/zlycdj.png"></button>
    </view>

    <!--距离失效-->
    <view class="shixiao"  wx:if="{{invationData.status==0||invationData.status==2}}">
      <span wx:if="{{invationData.status==0}}">距离失效  {{datedifference}} </span> 
      <span wx:if="{{invationData.status==2}}">已失效</span>
     
    </view>
    <!--三个人的头像 -->
    <view class="headimage">
      <view  wx:for="{{invitees}}" wx:if="index<3">
        <image src="{{item.cusPic==null?'/static/images/peoples.png':item.cusPic}}"></image>
        <span>{{item.cusName==null?'好友已助力':item.cusName}}</span>
      </view>
      <!-- <view>
        <image src="/static/images/active/dtzl.png"></image>
        <span>等TA助力</span>
      </view> -->
      <view  wx:for="{{3 - invitees.length}}" >
        <image src="/static/images/active/dtzl.png"></image>
        <span>等TA助力</span>
      </view>
    </view>

  </view>


  <!--弹窗-->
  <view class="mask" catchtouchmove="preventTouchMove" wx:if="{{showModalStatus}}"></view>

  <view class="modalDlg" wx:if="{{showModalStatus}}">

    <text >
      活动规则：
      参加本次活动即表示您接受以下活动规则：
      1、发起者发起的助力成功后可获得1张60元无门槛现金券，全国通用，单次保洁商品可用，发起后5天（120小时）有效，若120小时内未能成功邀请3名好友助力，则默认活动失败，同一时间仅可发起1次，失效后可重新发起。
      2、助力者需为鲸致商城新用户（未在鲸致生活小程序产生交易），并在助力期间（120小时内）完成商品购买，即视为助力成功。
      3、同一个账号、同一个手机号、同一个支付账号以及同一个设备号均视为同一用户。
      4、如果用户以不正当手段或舞弊方式参与本活动，一经发现，鲸致生活有权对该用户进行异常标记，亦有权收回用户领取的现金券。
      5、客服热线：400-921-8987
    </text>
    <button bindtap="tank">关闭</button>
  </view>

</view>