<!--components/static/coupon-record/coupon-record.wxml-->
<view class="list-container">
    <!-- <view wx:for="{{couponList}}" wx:key="name" class="default">
        <tag propStyle="background: rgba(0, 0, 0, 0.2);border:none;color:white;">
            {{item.discountType===1?'代金券':'折扣券'}}
        </tag>
        <view class="default-content">
            <view class="amount">{{'￥'+item.discountPrice}}</view>
            <view class="min-price">满{{item.usePrice}}元可用</view>
            <view class="min-price">拥有{{item.count}}张</view>
            <view class="name">{{item.name}}</view>
            <view class="min-price">优惠开始时间:{{item.validStartTime}}</view>
            <view class="min-price">优惠结束时间:{{item.validEndTime}}</view>
            
        </view>
        <view class="default-bottom">
            <view class="id">ID：{{item.id}}</view>
            <button class="button"  data-id="{{item.id}}" bind:tap="handleClick">去使用</button>
        </view>
    </view> -->
    <view wx:for="{{couponList}}" wx:key="name" class="large">
        <view class="large-left">
            <view class="amount">{{'￥'+item.discountPrice}}</view>
            <view class="min-price">满{{item.usePrice}}元可用</view>
            <view class="min-price">剩余{{item.count}}张</view>
        </view>
        <view class="large-center"></view>
        <view class="large-right">
            <view class="large-title">
                <tag propStyle="background: rgba(0, 0, 0, 0.2);border:none;color:white;">
                    {{item.discountType===1?'代金券':'折扣券'}}
                </tag>
                <view class="name">{{item.name}}</view>
            </view>
            <view class="desc">优惠开始时间：{{item.validStartTime}}</view>
            <view class="desc">优惠结束时间：{{item.validEndTime}}</view>
            <div class="large-bottom">
                <div class="id">ID：{{item.id}}</div>
                <button class="button large-button" data-id="{{item.id}}" bind:tap="handleClick">去使用</button>
            </div>
        </view>
    </view>
    <empty wx:if="{{!couponList||couponList.length===0}}"></empty>
</view>