<view class="page" id="page">
  <view wx:if="{{guideIndex >= 1 && guideIndex <= 4 }}" bindtap="onGuideHandler" class="guide">
    <view class="mask"></view>
    <image wx:if="{{guideIndex == 1}}" class="guide-item guide-item-1" mode="widthFix" src="../../image/guide/guide-wish-1.png" />
    <image wx:if="{{guideIndex == 2}}" class="guide-item guide-item-2" mode="widthFix" src="../../image/guide/guide-wish-2.png" />
    <image wx:if="{{guideIndex == 3}}" class="guide-item guide-item-3" mode="widthFix" src="../../image/guide/guide-wish-3.png" />
    <image wx:if="{{guideIndex == 4}}" class="guide-item guide-item-4" mode="widthFix" src="../../image/guide/guide-wish-4.png" />
  </view>
  <view class="app__bgc bgc"></view>
  <view class="app__bg bg">
    <image class="b1" mode="widthFix" src="../../image/oss/my-wish/my-wish-c1.png" />
  </view>
  <view class="decoration">
    <image class="d1" src="../../image/oss/my-wish/my-wish-d1.png" mode="widthFix" />
  </view>
  <view class="app__content main">
    <view class="top-space"></view>
    <view class="content">
      <!-- 我的信息框 -->
      <view class="my">
        <image class="ebg" src="../../image/oss/my-wish/my-wish-c2.png" mode="widthFix" />
        <image class="portrait" src="{{wishInfo.member.avatar}}" />
        <!-- 内容 -->
        <view class="cont">
          <view class="space1"></view>
          <view class="nickname">{{wishInfo.member.nickname}}</view>
          <view class="number">{{wishInfo.member.mobile}}</view>
          <view bindtap="onMyCardHandler" class="mycard">我的卡券</view>
        </view>
        <!-- 奖品 -->
        <view class="wish">
          <view wx:for="{{wishList}}" wx:key="{{index}}" class="wish-item">
            <view class="display">
              <image class="prod" mode="aspectFit" src="../../image/prize/prize-{{item.tag}}.png" />
            </view>
            <view class="mid">
              <view class="name">{{item.prizeName}}</view>
              <view class="progress">
                <view class="pro">
                  <!-- <view class="flag" style="left:{{item.progressLeft}}rpx;"> -->
                  <view class="flag" animation="{{animationFlagData[index]}}">
                    <image class="prod" mode="aspectFit" src="../../image/oss/my-wish/my-wish-c4.png" />
                    <view class="t1">{{item.elasticValue}}</view>
                  </view>
                  <view class="line">
                    <!-- <view class="line-thumb" style="width:{{item.progress}}%;"></view> -->
                    <view class="line-thumb" animation="{{animationThumbData[index]}}"></view>
                  </view>
                </view>
                <view class="val">{{item.conditionElasticValue}}</view>
              </view>
            </view>
            <view wx:if="{{item.accessStatus == 0}}" class="btn disable">弹力充值中</view>
            <view bindtap="onGetGiftHandler" data-data="{{item}}" wx:if="{{item.accessStatus == 1}}" class="btn">
              马上领取
            </view>
            <view bindtap="onCheckGiftHandler" data-data="{{item}}" wx:if="{{item.accessStatus == 2}}" class="btn">
              已领取
            </view>
          </view>
        </view>
        <view bindtap="onCreatePosterHandler" class="poster-btn">生成海报</view>
      </view>
      <!-- 协作 -->
      <view class="coop">
        <view class="tit">· 我的弹力帮帮团 ·</view>
        <view class="tips">
          有
          <span class="t1">{{helperInfo.total}}</span>
          位好友帮忙，收集到
          <span class="t1">{{helperInfo.helpElasticValue}}</span>
          弹力值！
            总弹力值:
          <span class="t1">{{helperInfo.totalElasticValue}}</span>
          。
        </view>
        <scroll-view scroll-y="{{true}}" class="list">
          <view wx:for="{{helperInfo.helpers}}" wx:key="{{index}}" class="list-item">
            <span class="t1">·{{item.helperNickname}}</span>
            {{item.tip}}
            <span class="t1">{{item.elasticValue}}</span>
            弹力值！
          </view>
          <view class="empty" wx:if="{{helperInfo.helpers.length <= 0}}">
            还没有好友助力，马上让她们帮你实现愿望吧！
          </view>
        </scroll-view>
      </view>
      <view class="btn-wrap">
        <view bindtap="onRankHandler" class="btn btn2">弹力girl榜单</view>
        <button open-type="share" class="btn">弹弹好友</button>
      </view>
    </view>
    <!-- 规则按钮 -->
    <view class="rule-btn" bindtap="onShowRuleHandler">
      <span class="c1">活动详情</span>
    </view>
  </view>
</view>
<van-popup show="{{ tipsRuleVisible }}" bind:click-overlay="hideMask">
  <tips-rule-comp bind:evtcomp="evtcomp"></tips-rule-comp>
</van-popup>
<van-popup show="{{ tipsPirzeVisible }}">
  <tips-prize-comp bind:evtcomp="evtcomp" wish-info="{{curWish}}" status="{{status}}"></tips-prize-comp>
</van-popup>