<view class='navigator' bindtap='gotoDetail' data-id='{{data.id}}' data-targetAd='{{data.targetAd}}' hover-class='hover'
  data-couponId='{{data.couponId}}' data-title='{{data.title}}' data-malltenantid='{{data.tenantId}}'>
  <view class="presell" tt:if="{{data.type==10}}" style="{{mouldType==1?'top: 280rpx;':''}}">预售 </view>
  <!-- 首页优惠券列表页面 -->
  <view class="coupons">
    <!-- fromMerchant 根据这个字段判断 -->
    <view class="superscript" tt:if="{{from == 'fromMerchant'}}">
      <!-- 角标的三种实现 -->
      <view class="rect" style='background: #31b968;' tt:if="{{data.targetAd == 2}}"></view>
      <view class="rect" style='background: orange;' tt:if="{{data.targetAd == 6}}"></view>
      <view class="rect" style='background: #d900ae;' tt:if="{{data.targetAd == 7}}"></view>
      <view class="rect" style='background: #5dae01;' tt:if="{{data.targetAd == 5}}"></view>
      <view class="desc" tt:if="{{data.targetAd == 2}}">限时券</view>
      <view class="desc" tt:if="{{data.targetAd == 6}}">砍价券</view>
      <view class="desc" tt:if="{{data.targetAd == 7}}">拼团券</view>
      <view class="desc" tt:if="{{data.targetAd == 5}}">消费卡</view>
    </view>
    <view class="coupons-img">
      <image src="{{data.coverImg}}" style="{{mouldType==1?'height: 300rpx;':''}}" mode='aspectFill' lazy-load="true">
      </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' tt:if="{{data.type!=10&&mouldType==1}}">
          <view class="fuhaoX"> ¥{{data.salePriceStr}}</view>
        </view>
        <view class='price' tt:if="{{data.type!=10&&mouldType!=1}}">
          <text tt:if="{{data.targetAd == 101||data.targetAd == 5}}"><text class='rmb'>¥</text>
            <text class='num'>{{data.salePriceStr}}</text>
            <text tt:if="{{!(data.type==5&&data.unit==1)}}" class='view02'>¥{{data.priceStr}}</text>
          </text>

          <text tt:if="{{data.targetAd == 2}}"><text class='saleprice'>抢购价</text>
            <text class='rmb'>¥</text>{{data.salePriceStr}}
          </text>

          <text tt:if="{{data.targetAd == 6}}"><text class='saleprice'>可砍至</text>
            <text class='rmb'>¥</text>{{data.salePriceStr}}
          </text>

          <text tt:if="{{data.targetAd == 7}}"><text class='saleprice'>拼团价</text>
            <text class='rmb'>¥</text>{{data.salePriceStr}}
          </text>

          <view class="coupons-info-manjian" style="margin-top:10rpx;" tt:if="{{data.type == 1}}">
            <!-- <view class='view01' tt:if="{{data.unit==0}}">¥{{data.priceStr}}</view> -->
            <view tt:if="{{data.unit==1}}">{{data.priceStr}}小时</view>
          </view>
          <view class="coupons-info-manjian" tt:elif="{{data.type == 3||data.type==4||data.type==5}}">
            <!-- <text class='view01' tt:if="{{data.unit==0}}">¥{{data.priceStr}}</text> -->
            <text tt:if="{{data.unit==1}}">{{data.priceStr}}小时</text>
          </view>
        </view>
        <view class="earnest" tt:if="{{data.type==10}}">
          预售定金：¥{{data.salePriceStr}}
        </view>
      </view>
    </view>

    <view class="coupons-btn" tt:if="{{mouldType!=1}}">
      <!-- 优惠券价格 -->
      <i-button i-class=" coupons-btn-gm"
        tt:if="{{data.salePriceStr==0&&data.remainInventory!=0&&data.targetAd == 101}}" data-date='{{data}}'>免费领
      </i-button>
      <i-button i-class="coupons-btn-gm"
        tt:if="{{data.salePriceStr!=0&&data.remainInventory!=0&&data.targetAd == 101||data.salePriceStr!=0&&data.remainInventory!=0&&data.targetAd == 5}}"
        data-date='{{data}}'>购买</i-button>
      <i-button i-class="coupons-btn-gm" tt:if="{{data.remainInventory!=0&&data.targetAd == 2}}" data-date='{{data}}'>
        去抢购</i-button>
      <i-button i-class="coupons-btn-gm" tt:if="{{data.remainInventory!=0&&data.targetAd == 6}}" data-date='{{data}}'>
        去砍价</i-button>
      <i-button i-class="coupons-btn-gm" tt:if="{{data.remainInventory!=0&&data.targetAd == 7}}" data-date='{{data}}'>
        去拼团</i-button>
      <i-button i-class="coupons-btn-gms" tt:if="{{data.remainInventory==0}}" data-date='{{data}}'>已售罄</i-button>
      <i-button i-class="coupons-btn-gms" tt:if="{{data.status==1}}" data-date='{{data}}'>已下架</i-button>
    </view>


    <view class="coupons-btn" tt:if="{{mouldType==1}}">
      <!-- 优惠券价格 -->
      <i-button i-class=" coupons-btn-gmX"
        tt:if="{{data.salePriceStr==0&&data.remainInventory!=0&&data.targetAd == 101}}" data-date='{{data}}'>免费领
      </i-button>
      <i-button i-class="coupons-btn-gmX"
        tt:if="{{data.salePriceStr!=0&&data.remainInventory!=0&&data.targetAd == 101||data.salePriceStr!=0&&data.remainInventory!=0&&data.targetAd == 5}}"
        data-date='{{data}}'>购买</i-button>
      <i-button i-class="coupons-btn-gmX" tt:if="{{data.remainInventory!=0&&data.targetAd == 2}}" data-date='{{data}}'>
        去抢购</i-button>
      <i-button i-class="coupons-btn-gmX" tt:if="{{data.remainInventory!=0&&data.targetAd == 6}}" data-date='{{data}}'>
        去砍价</i-button>
      <i-button i-class="coupons-btn-gmX" tt:if="{{data.remainInventory!=0&&data.targetAd == 7}}" data-date='{{data}}'>
        去拼团</i-button>
      <i-button i-class="coupons-btn-gms" tt:if="{{data.remainInventory==0}}" data-date='{{data}}'>已售罄</i-button>
      <i-button i-class="coupons-btn-gms" tt:if="{{data.status==1}}" data-date='{{data}}'>已下架</i-button>
    </view>
  </view>
</view>