Base/view/components/coupon-list-window/index.wxml

<view class='coupon-list-window {{coupon.coupon==true?"on":""}}'>
    <view class='title'>优惠券<text class='iconfont icon-guanbi' bindtap='close'></text></view>
    <view class='coupon-list' wx:if="{{coupon.list.length}}">
      <view class='item acea-row row-center-wrapper' wx:for="{{coupon.list}}" bindtap='getCouponUser' data-index='{{index}}' data-id="{{item.id}}" wx:key='index'>
         <view class='money {{item.is_use?"moneyGray":""}} acea-row row-column row-center-wrapper'>
            <view>￥<text class='num'>{{item.coupon_price}}</text></view>
            <view class="pic-num">满{{item.use_min_price}}元可用</view>
        </view>
        <view class='text'>
            <view class='condition line1'>
                <span class='line-title {{item.is_use?"gray":""}}'  wx:if="{{item.type===0}}">通用劵</span>
                <span class='line-title {{item.is_use?"gray":""}}' wx:elif="{{item.type===1}}">品类券</span>
                <span class='line-title {{item.is_use?"gray":""}}' wx:else>商品券</span>
                <span>{{item.title}}</span>
            </view>
            <view class='data acea-row row-between-wrapper'>
              <view>{{item.start_time ? item.start_time+'-' : ''}}{{item.end_time}}</view>
              <view class='bnt gray' wx:if="{{item.is_use}}">{{item.use_title || '已领取'}}</view>
              <view class='bnt bg-color' wx:else>{{coupon.statusTile || '立即领取'}}</view>
            </view>
        </view>
      </view>
   </view>
   <!-- 无优惠券 -->
   <view class='pictrue' wx:else><image src='/images/noCoupon.png'></image></view>
</view>
<view class='mask' catchtouchmove="true" hidden='{{coupon.coupon==false}}' bindtap='close'></view>