Files
cardsystem/pages/coupon/coupon.wxml
2021-05-21 15:02:18 +08:00

71 lines
2.9 KiB
Plaintext

<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>