<view class="white-bg content">
  <swiper class="swiper" next-margin="{{swiper.next}}rpx" previous-margin="{{swiper.previous}}rpx"  bindchange="swiperChange" easing-function="easeInOutCubic">
    <swiper-item wx:for="{{swiperList}}" wx:key="unique">
      <view class="slide-item">
        <image mode="aspectFill" src="{{item.cardImg}}" class="slide-image {{swiperList.length<=1?'slide-ones':swiperIndex==index?'slide-active':swiperIndex!=0&&index<swiperIndex?'slide-last':''}}"/>
        <view class="slide-give">
          <button class="button {{item.giveStatus==0?'button-white':'button-gray'}}" open-type="share" disabled="{{item.giveStatus==1}}" data-cardNo="{{item.cardNo}}" data-cardImg="{{item.cardImg}}">{{item.giveStatus==0?"赠好友":"不可赠"}}</button> 
          <text class="icon icon-question font25"  bindtap="questionClick"></text>
        </view>
        <text class="gray slide-time">
          No.{{item.cardNo}}
          有效期：{{item.expireTime}}
        </text>
      </view>
    </swiper-item>
  </swiper>
  <view class="content-box-pad">
    <view class="title">我的权益</view>
    <view class="subtitle">权益一：799冬夏令营券</view>
    <view class="vouche vouche-pink" wx:if="{{equity.equityOne}}">
      <view class="vouche-info">
        <text class="font30 {{equity.equityOne.status==1?'subtitleColor':'black'}}">{{equity.equityOne.price}}<text class="font14">元</text></text>
        <view class="font14 black" style="padding-top:10rpx;">{{equity.equityOne.description}}</view>
      </view>
      <view class="vouche-button">
        <button class="button {{equity.equityOne.status==1?'button-warn':'button-gray'}}" bindtap="vouche" data-status="{{equity.equityOne.status}}" data-vid="{{equity.equityOne.vid}}">
          {{equity.equityOne.status==1?'立即使用':equity.equityOne.status==2?'已使用':equity.equityOne.status==3?'占用未付款':equity.equityOne.status==4?'已过期':equity.equityOne.status==6?'已无效':''}}
        </button>
      </view>
    </view>
    <view class="subtitle">权益二：400元免单券</view>
    <view class="vouche" wx:for="{{equity.equityTwo}}" wx:key="unique">
      <view class="vouche-info">
        <text class="font30 {{item.status==1?'subtitleColor':'black'}}">{{item.price}}<text class="font14">元</text></text>
        <view class="font14 black" style="padding-top:10rpx;">{{item.description}}</view>
      </view>
      <view class="vouche-button">
        <button class="button {{item.status==1? 'button-warn' : 'button-gray'}}" bindtap="vouche" data-status="{{item.status}}" data-vid="{{item.vid}}">{{item.status==1?'立即使用':item.status==2?'已使用':item.status==3?'占用未付款':item.status==4?'已过期':item.status==6?'已无效':''}}</button>
      </view>  
    </view>
    <view class="subtitle">权益三：提前10分钟抢购活动</view>
    <navigator hover-class="none" url="/pages/product/activity/index?aid={{item.aid}}" class="activity{{index == 0 ? ' mTop5':''}}" wx:for="{{equity.equityThree}}" wx:key="unique" wx:if="{{equity.equityThree}}">
      <image src="{{item.logo}}" mode="aspectFill" lazy-load="true" binderror="binderror" data-index="{{index}}"/>
      <view class="activity-info">
        <view class="activity-info-title">{{item.title}}</view>
        <view class="activity-info-time gray" wx:if="{{item.updateTime}}">距抢购<text class="subtitleColor">{{item.updateTime}}</text></view>
      </view>
    </navigator>
    <view class="noData" style="padding:40rpx 0;" wx:if="{{!equity.equityThree}}">
      <text class="icon icon-info" style="font-size:120rpx;"></text><text class="font12">暂无抢购活动</text>
    </view>
    <view class="subtitle">权益四：《正面管教》家长课堂</view>
    <view class="font12 mTop5">请联系本城宝大大微信邀您学习</view>
    <view class="subtitle">权益五：生日定制福利</view>
    <view class="font12 m-top5">请联系本城宝大大微信获取福利</view>
    </view>
</view>