minixyz/pages/pandaBonus/pandaBonus.wxml

<!--pages/pandaBonus/pandaBonus.wxml-->
<view>
  <!-- 活动未开始 -->
  <view class="default_container" wx:if="{{bonus_state == 'unstart'}}">
    <view class="dot_left"></view>
    <view class="dot_right"></view>
    <image class="cloud_left" src="../../image/bonus/cloud.png"></image>
    <image class="cloud_right" src="../../image/bonus/cloud.png"></image>
    <view class="bg_content">
      <image class="top_bg" src="../../image/bonus/top_bg.png"></image>
      <view class="msg_box pos_rel">
        <view class="name line_h68">让红包飞一会儿</view>
        <view class="name line_h68">距离开抢时间还有</view>
      </view>
      <view class="time_box">
        <image class="top_bg" src="../../image/bonus/time_bg.png"></image>
        <view class="count_box">
          <view class="count_text" wx:for="{{renderCount}}" wx:for-index="idx" wx:key="idx">
            <view class="count_single" wx:for="{{item}}" wx:for-index="n" wx:key="n" wx:for-item="num">{{num}}</view>
          </view>
        </view>
      </view>
    </view>
    <view class="bottom_pro">
      <view class="line_h30">独家运营70多个知名化妆品品牌的天猫官方旗舰店</view>
      <view class="flex_center ht30">
        <image src="../../image/bonus/icon_logo.png" class="icon_logo"></image>
        <view style="position: relative;top: 6rpx;">上海丽人丽妆化妆品股份有限公司</view>
      </view>
    </view>
  </view>
  <!-- 活动未开始 -->

  <!-- 活动开始 -->

  <view class="default_container" wx:if="{{bonus_state == 'open'}}">
    <view class="dot_left"></view>
    <view class="dot_right"></view>
    <image class="cloud_left" src="../../image/bonus/cloud.png"></image>
    <image class="cloud_right" src="../../image/bonus/cloud.png"></image>
    <view class="bg_content">
      <image class="top_bg" src="../../image/bonus/top_bg.png"></image>
      <view class="msg_box pos_rel">
        <view class="name line_h68">{{type_info['sender_name']}}</view>
        <view class="msg line_h68" wx:if="{{type_info['send_type'] == 1}}">发了一个红包，金额随机</view>
        <view class="msg line_h68" wx:else>发了一个红包，金额固定</view>
      </view>
      <view class="mgs_bottom pos_rel">
        <view class="f56" catchtap="open">{{type_info['type_bless']}}</view>
      </view>
      <image wx:if="{{openAnimation}}" src="../../image/bonus/icon_open.png" class="open" catchtap="open"></image>
      <image wx:else src="../../image/bonus/coin.png" class="open current_open"></image>
    </view>
    <view class="bottom_pro">
      <view class="line_h30">独家运营70多个知名化妆品品牌的天猫官方旗舰店</view>
      <view class="flex_center ht30">
        <image src="../../image/bonus/icon_logo.png" class="icon_logo"></image>
        <view style="position: relative;top: 6rpx;">上海丽人丽妆化妆品股份有限公司</view>
      </view>
    </view>
  </view>
  <!-- 活动开始 -->



  <view class="default_container" wx:if="{{bonus_state == 'over'}}">
    <view class="dot_left"></view>
    <view class="dot_right"></view>
    <image class="cloud_left" src="../../image/bonus/cloud.png"></image>
    <image class="cloud_right" src="../../image/bonus/cloud.png"></image>
    <view class="bg_content">
      <image class="top_bg" src="../../image/bonus/top_bg.png"></image>
      <view class="mgs_bottom pos_rel over">
          <view class="f56">{{msg}}</view>
        </view>
        <view class="look" catchtap="detail">查看领取详情></view>  
    </view>
    
    <view class="bottom_pro">
      <view class="line_h30">独家运营70多个知名化妆品品牌的天猫官方旗舰店</view>
      <view class="flex_center ht30">
        <image src="../../image/bonus/icon_logo.png" class="icon_logo"></image>
        <view style="position: relative;top: 6rpx;">上海丽人丽妆化妆品股份有限公司</view>
      </view>
    </view>
  </view>

   <view class="default_container" wx:if="{{bonus_state == 'end'}}">
    <view class="dot_left"></view>
    <view class="dot_right"></view>
    <image class="cloud_left" src="../../image/bonus/cloud.png"></image>
    <image class="cloud_right" src="../../image/bonus/cloud.png"></image>
    <view class="bg_content">
      <image class="top_bg" src="../../image/bonus/top_bg.png"></image>
        <view class="msg_box pos_rel">
          <view class="name">{{type_info['sender_name']}}</view>
          <view class="msg mt20">该红包已过期。如已领取,</view>
          <view class="msg">请在熊猫美妆APP中“我的红包”中查看～</view>
        </view>
    </view>
    <view class="bottom_pro">
      <view class="line_h30">独家运营70多个知名化妆品品牌的天猫官方旗舰店</view>
      <view class="flex_center ht30">
        <image src="../../image/bonus/icon_logo.png" class="icon_logo"></image>
        <view style="position: relative;top: 6rpx;">上海丽人丽妆化妆品股份有限公司</view>
      </view>
    </view>
  </view>
























  <!-- 红包未开封(活动未开始 未开启，已过期) -->
  <!-- <view class="default_container" wx:if="{{bonus_state == 'unstart' || bonus_state == 'open' || bonus_state == 'over'}}">
    <view class="dot_left"></view>
    <view class="dot_right"></view>
    <image class="cloud_left" src="../../image/bonus/cloud.png"></image>
    <image class="cloud_right" src="../../image/bonus/cloud.png"></image>
    <view class="bg_content">
      <image class="top_bg" src="../../image/bonus/top_bg.png"></image>

      <block wx:if="{{bonus_state == 'unstart'}}">
        <view class="msg_box pos_rel">
          <view class="name line_h68">让红包飞一会儿</view>
          <view class="name line_h68">距离开抢时间还有</view>
        </view>
        <view class="time_box">
          <image class="top_bg" src="../../image/bonus/time_bg.png"></image>
          <view class="count_box">
            <view class="count_text" wx:for="{{renderCount}}" wx:for-index="idx" wx:key="idx">
              <view class="count_single" wx:for="{{item}}" wx:for-index="n" wx:key="n" wx:for-item="num">{{num}}</view>
            </view>
          </view>
        </view>
        <view style="font-size: 50rpx;position: relative;z-index: 100" catchtap="test">测试领取</view>

      </block>


      <block wx:if="{{bonus_state == 'open'}}">
        <view class="msg_box pos_rel">
          <view class="name line_h68">{{type_info['sender_name']}}</view>
          <view class="msg line_h68" wx:if="{{type_info['send_type'] == 1}}">发了一个红包，金额随机</view>
          <view class="msg line_h68" wx:else>发了一个红包，金额固定</view>
        </view>
        <view class="mgs_bottom pos_rel">
          <view class="f56" catchtap="open">{{type_info['type_bless']}}</view>
        </view>

        <image wx:if="{{openAnimation}}" src="../../image/bonus/icon_open.png" class="open" catchtap="open"></image>
        <image wx:else src="../../image/bonus/coin.png" class="open current_open"></image>
      </block>

      <block wx:if="{{bonus_state == 'over'}}">
        <view class="mgs_bottom pos_rel">
          <view class="f56" catchtap="open">{{msg}}</view>
        </view>
      </block>


    </view>
    <view class="bottom_pro">
      <view class="line_h30">独家运营70多个知名化妆品品牌的天猫官方旗舰店</view>
      <view class="flex_center ht30">
        <image src="../../image/bonus/icon_logo.png" class="icon_logo"></image>
        <view style="position: relative;top: 6rpx;">上海丽人丽妆化妆品股份有限公司</view>
      </view>
    </view>
  </view> -->







  <!-- 开了后的样式 ， 即为 details -->
  <view class="grab_container" wx:if="{{bonus_state == 'detail'}}">
    <view class="pos_rel">
      <image class="common_bg" src="https://passport.lrlz.com/data/resource/mobile/bonus/imgaes/content_bg.png"></image>
      <view class="top_title">熊猫美妆</view>
      <image class="sender_head" src="{{sender_head_src}}"></image>
    </view>
    <view class="grab_header">
      <view class="grab_bonus_name">{{type_info['type_name']}}
        <image class="icon_pin" src="../../image/bonus/icon_pin.png"></image>
      </view>
      <view class="grab_prompt">{{type_info['type_bless']}}</view>
    </view>

    <view class="mt30" wx:if="{{mine_bonus}}">
      <view class="f28"><text class="grab_bonus_price">{{mine_bonus['bonus_value']}}</text>元</view>
    </view>

    <view class="receive_info tb_line">{{reveive_info}}</view>

    <block wx:if="{{binded_info.length}}">
      <view class="receive_list">
        <view class="receive_item" wx:for="{{binded_info}}" wx:for-index="idx" wx:key="idx">
          <image class="personal_image" src="{{item['avatar']}}"></image>
          <view class="personal_content">
            <view class="item_paragraph f26 col333"><text>{{item['user_name']}}</text></view>
            <view class="item_paragraph f22 col333 mt10" wx:if="{{item['discount'] != 0}}">
              <text>已累计节省{{item['discount']}}元</text>
            </view>
            <view class="item_paragraph f22 col333 mt10" wx:if="{{item['user_comment']}}">
              <text>{{item['user_comment']}}</text>
            </view>
          </view>

          <view class="text_right">
            <view class="f26 col333">{{item['bonus_value']}}元</view>
            <view class="f22 mt10 col666">{{item['format_time']}}</view>
            <view wx:if="{{item['is_king']}}" style="color: #ffad4a;" class="align_center f22">
              <image class="icon_king" src="../../image/bonus/icon_king.png"></image>手气最佳
            </view>
          </view>
        </view>
      </view>
    </block>



    <image class="briefing_address" src="../../image/bonus/advert.png"></image>
  </view>


</view>