<view class="publicHeader" style="padding-top:{{barHeight}}px;">
	<image style="top:{{barHeight}}px" class="publicHeader-icon" src="/static/icon/arrow_right_black.png" mode="widthFix" bindtap="publicTap"></image>
	<view class="publicHeader-title">我的卡券</view>
</view>

<!-- 我的卡券 -->
<view class="couponTab">
	<view class="couponTab-label {{stateType == item.used ? 'active' : ''}}" bindtap="orderTab" wx:for="{{couponLabel}}" wx:key="couponLabel" data-index="{{index}}" data-state="{{item.used}}">
		{{item.title}}
		<view wx:if="{{item.used == 0}}">({{count.init}}张)</view>
		<view wx:elif="{{item.used == 1}}">({{count.used}}张)</view>
		<view wx:else>({{count.pass}}张)</view>
	</view>
</view>

<!-- 卡券列表 -->
<view class="coupon" wx:if="{{coupons != ''}}">
	<view class="couponCont {{item.status != 0 ? 'active' : ''}}" wx:for="{{coupons}}" wx:key="coupons">
		<navigator hover-class="none" class="couponList" url="{{item.status == 0 ? '/pages/couponDetails/couponDetails?id=' + item.coupon_id : ''}}">
			<view class="couponList-left">
				<image class="couponList-img" src="/static/img/coupon_img.png"></image>

				<!-- 优惠券 -->
				<view class="couponList-icon" wx:if="{{item.type == 'physical'}}">
					<image src="/static/img/coupon_icon_01.png"></image>
				</view>

				<!-- 实物 -->
				<view class="couponList-icon" wx:else>
					<image src="/static/img/coupon_icon_00.png"></image>
				</view>
			</view>
			<view class="couponList-center {{item.used_at != '' || item.status == 0 ? 'active' : ''}}">
				<view class="nowrap couponList-title">{{item.name}}</view>
				<view class="couponList-time">{{item.startTime}} 至 {{item.endTime}}</view>
				<view class="nowrap couponList-used" wx:if="{{item.status == 0}}">活动来源： {{item.activity_name}}</view>
				<view class="couponList-used" wx:if="{{item.used_at != ''}}">使用时间：{{item.used_at}}</view>
			</view>
			<block wx:if="{{item.status == 0}}">
				<view class="couponList-right">
					去使用
				</view>
			</block>
			<!-- <block wx:elif="{{item.status == 1}}">
				<view class="couponList-right active">
					已使用
				</view>
			</block>
			<block wx:else>
				<view class="couponList-right active">
					已过期
				</view>
			</block> -->

			<image wx:if="{{item.status == 1}}" src="/static/img/coupon_tips_00.png" class="coupoTips"></image>
			<image wx:if="{{item.status == 2}}" src="/static/img/coupon_tips_01.png" class="coupoTips"></image>
		</navigator>
		<view class="couponMore" wx-if="{{item.count > 1}}" >
			<view class="couponMore-text" bindtap="couponTap" data-id="{{item.activityId}}" data-status="{{item.status}}">
				<view class="couponMore-title">查看全部{{item.count}}张卡券</view>
				<image class="couponMore-arrow" src="/static/icon/arrow_left.png"></image>
			</view>
		</view>
	</view>
</view>

<!-- 优惠券为空 -->
<view class="pack-center pages-hint" wx:else>
	<image src="/static/img/coupon_tips.png"></image>
	<view>暂无优惠券</view>
</view>