<!-- <button class='goback' bindtap='goback'><image src='{{wmhome}}' mode="widthFix"></image></button> -->
<navbar home back text="我的卡包" color="#000" background="#ffff"></navbar>
<view style="height:{{navigationBarHeight}} "></view>
<view class="market" wx:if="{{showPage}}">
  <!-- 卡包 我的优惠券 -->
  <i-tabs style="top:{{navigationBarHeight}}" class='tabs' current="{{ current_scroll }}" scroll bindchange="handleChangeScroll">
    <i-tab class='i-tab' wx:for="{{tabs}}" wx:key="unique" key="{{item.key}}" title="{{item.name}}"></i-tab>
  </i-tabs>
  <view style='padding:120rpx 0 76rpx;'>
    <view class="nocoupon" wx:if="{{list.length==0}}">
      <image src="{{noCoupon}}" mode="widthFix" />
      <text class="txt001">请您敬请期待</text>
      <text class='txt002'>我们正在筹备一大波优惠活动</text>
      <navigator class='nav' url="{{goHomeUrl}}" open-type="switchTab" hover-class="other-navigator-hover">
        <button hover-class='active'>前往首页看看</button>
      </navigator>
    </view>

    <view class='section' wx:for='{{list}}' wx:key="index">

      <!-- <view class='mms' style='background:{{item.background}}'> -->
      <view class='mms'>
        <view class="gray-bg"></view>
        <image class="cover-img" src="{{item.coverImg}}" />
        <image src="{{canTransferred}}" wx-if='{{item.supportTransfer==1&&!item.showImg}}' class='cantransferred' mode="aspectFill" />
        <view class='detail_msg'>
          <view class='info'>
            <view class='clearfix' data-id='{{item.id}}' bindtap='{{!item.showImg?"gotoConsumeDetail":""}}'>
              <view class='title fl'>
                <text class='yue'><text class='yu'>余</text>{{item.remainingAmount/100}}<text class='yu'>元</text></text>
                <text class="txt2" style='margin-top:9rpx!important;' wx:if="{{item.couponOrderStatus == 5 || item.couponOrderStatus == 6 || item.couponOrderStatus == 7|| item.couponOrderStatus == 8}}">{{item.expiredTime}}到期</text>
                <text class="txt2" wx:if="{{item.couponOrderStatus == 4}}">{{item.expiredTime}}到期</text>
              </view>
              <view class='expiretime fr'>
                <text>{{item.title}}</text>
              </view>
            </view>
            <!-- <view hover-class='active' bindtap='gotoPay' data-remainingAmount="{{item.remainingAmount/100}}" data-cardId="{{item.id}}" data-couponorderstatus="{{item.couponOrderStatus}}" wx:if="{{item.couponOrderStatus==4}}" class="btns" style='color:{{item.background}}!important'>扫一扫付款</view> -->
            <view hover-class='active' bindtap='gotoPay' data-remainingAmount="{{item.remainingAmount/100}}" data-cardId="{{item.id}}" data-couponorderstatus="{{item.couponOrderStatus}}" wx:if="{{item.couponOrderStatus==4}}" class="btns">扫一扫付款</view>
            <view hover-class='active' bindtap='gotoBuy' wx:if="{{item.couponOrderStatus!=4}}" style='color:rgba(179,180,181,1);bottom:20rpx' class="btns clearfix">再次购买</view>
            <text class='txtstatus' wx:if="{{item.couponOrderStatus == 5}}">已过期</text>
            <text class='txtstatus' wx:if="{{item.couponOrderStatus == 6}}">余额已用完</text>
            <text class='txtstatus' wx:if="{{item.couponOrderStatus == 7}}">已线下退款</text>
            <text class='txtstatus' wx:if="{{item.couponOrderStatus == 8}}">已转赠好友</text>
          </view>
          <view class='imgicon' wx:if="{{item.showImg}}">
            <image src='{{shixiao}}' mode='widthFix'></image>
          </view>
        </view>
      </view>
    </view>

    <view class="loading" wx:if="{{loading}}">
      <image src="{{loadingUrl}}" mode="widthFix"></image>{{content}}
    </view>
  </view>
  <view class='userule' bindtap='userule' wx:if="{{list.length>0}}">使用规则</view>
</view>