<navigator url="/pages/coupon/detail/index?couponChannelId={{data.id}}&couponId={{data.couponId}}&title={{data.title}}">
  <!-- 首页优惠券列表页面 -->
  <view class="coupons">
    <view class="coupons-img">
      <image src="{{data.coverImg}}" mode='aspectFill'></image>
    </view>
    <view class="coupons-info">
      <view class="coupons-info-name tit">{{data.title}}</view>
      <view class="coupons-info-name subtitle">{{data.subTitle}}</view>
      <view class="coupons-info-price-p">
        <view class='price'>
          <text>{{data.salePriceStr}}<text style="font-size:24rpx;display:inline-block;margin-right:10rpx;">元</text></text>
          <view class="coupons-info-manjian" style="margin-top:10rpx;" wx:if="{{data.type == 1}}">
            <view class='view01' wx:if="{{data.unit==0}}">{{data.priceStr}}元</view>
            <view wx:if="{{data.unit==1}}">{{data.priceStr}}小时</view>
            <text class='txt2'>满{{data.usePriceStr}}元可用</text>
          </view>
          <view class="coupons-info-manjian" wx:elif="{{data.type == 2||data.type == 3||data.type==4||data.type==5}}">
            <text class='view01' wx:if="{{data.unit==0}}">{{data.priceStr}}元</text>
            <text  wx:if="{{data.unit==1}}">{{data.priceStr}}小时</text>
            <text class='txt2'>仅限本店使用</text>
          </view>
        </view>
        <view class="coupons-info-manjian1" wx:if="{{data.merchantVoList.length==1}}">{{data.merchantVoList[0].merchantName}}</view>
        <view class="coupons-info-manjian1" wx:if="{{data.merchantVoList.length>1}}">多商户通用</view>
      </view>
    </view>
    <view class="coupons-btn">
      <!-- 优惠券价格 -->
      <i-button i-class="coupons-btn-gm" wx:if="{{data.salePriceStr==0&&data.remainInventory!=0}}" data-date='{{data}}'>免费领</i-button>
      <i-button i-class="coupons-btn-gm" wx:if="{{data.salePriceStr!=0&&data.remainInventory!=0}}" data-date='{{data}}'>马上购</i-button>
      <i-button i-class="coupons-btn-gms" wx:if="{{data.remainInventory==0}}" data-date='{{data}}'>已售罄</i-button>
      <i-button i-class="coupons-btn-gms" wx:if="{{data.status==1}}" data-date='{{data}}'>已下架</i-button>
    </view>
    <view class="coupons-info-name sy">剩余{{data.remainInventory}}</view>
    <view class="coupons-border"></view>
  </view>
</navigator>