<view class="BoxBg">
    <navbar back home text="我的券包" background='#fff' color="#000"></navbar>
    <view style="height:{{navigationBarHeight}} "></view>

    <view class="boatBoxf" style="top:{{navigationBarHeight}}">
        <view class="boatBox">
            <view class="boatItemBox" tt:for="{{boatLsit}}" tt:key="index" bindtap="setBoatFlag" data-index="{{index}}">
                <view class="{{boatFlag==item.value? 'boatTitleA':'boatTitle'}}">{{item.name}}</view>
                <view class="boatA" tt:if="{{boatFlag==item.value}}"></view>
            </view>
        </view>
    </view>
    <view style="height:90rpx "></view>

    <view class="ticketList" tt:for="{{list}}" tt:key="{{index}}">
        <view class="ticketItem">
            <view class="shopImg">
                <image mode="aspectFill" src='{{item.coverImg}}'></image>
            </view>
            <view class="ticketData">
                <view class="ticketTitle">{{item.title}}</view>
                <view class="date">{{item.expiredTime}}</view>
            </view>
        </view>
        <navigator class="useBtn" tt:if="{{item.couponOrderStatus==0}}"
            url="/pages/couponorder/detail/index?quancode={{item.id}}&couponorderstatus={{boatFlag}}&validStatus={{item.validStatus}}"
            hover-class="navigator-hover" open-type="navigate">去使用</navigator>
        <navigator class="nouseBtn"
            tt:if="{{item.couponOrderStatus==1||item.couponOrderStatus==2||item.couponOrderStatus==3}}"
            url="/pages/couponorder/detail/index?quancode={{item.id}}&couponorderstatus={{boatFlag}}&validStatus={{item.validStatus}}"
            hover-class="navigator-hover" open-type="navigate">查看</navigator>

    </view>

    <view class="dingdan" tt:if="{{list.length==0}}">
        <image src="../../../assets/itemImg/noOrders.png" mode="widthFix"></image>
        <text>您还没有相关订单</text>
        <text>再忙，也要记得买点什么犒赏自己～</text>
    </view>
    <view class="loading" tt:if="{{loading}}">
        <image src="../../../assets/itemImg/loading.gif" mode="widthFix"></image>{{content}}
    </view>
</view>

<tabbar tt:if="{{ifshowtab}}"/>