C端小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

52 line
3.8 KiB

  1. <view class='navigator' bindtap='gotoDetail' data-id='{{data.id}}' data-targetAd='{{data.targetAd}}' hover-class='hover' data-couponId='{{data.couponId}}' data-title='{{data.title}}'>
  2. <!-- 首页优惠券列表页面 -->
  3. <view class="coupons">
  4. <!-- fromMerchant 根据这个字段判断 -->
  5. <view class="superscript" wx:if="{{from == 'fromMerchant'}}">
  6. <!-- 角标的三种实现 -->
  7. <view class="rect" style='background: #31b968;' wx:if="{{data.targetAd == 2}}"></view>
  8. <view class="rect" style='background: orange;' wx:if="{{data.targetAd == 6}}"></view>
  9. <view class="rect" style='background: #d900ae;' wx:if="{{data.targetAd == 7}}"></view>
  10. <view class="rect" style='background: #5dae01;' wx:if="{{data.targetAd == 5}}"></view>
  11. <view class="desc" wx:if="{{data.targetAd == 2}}">限时券</view>
  12. <view class="desc" wx:if="{{data.targetAd == 6}}">砍价券</view>
  13. <view class="desc" wx:if="{{data.targetAd == 7}}">拼团券</view>
  14. <view class="desc" wx:if="{{data.targetAd == 5}}">消费卡</view>
  15. </view>
  16. <view class="coupons-img">
  17. <image src="{{data.coverImg}}" mode='aspectFill' lazy-load="true"></image>
  18. </view>
  19. <view class="coupons-info">
  20. <view class="coupons-info-name tit">{{data.title}}</view>
  21. <view class="coupons-info-name subtitle">{{data.subTitle}}</view>
  22. <view class="coupons-info-price-p">
  23. <view class='price'>
  24. <text wx:if="{{data.targetAd == 1||data.targetAd == 5}}"><text class='rmb'>¥</text>{{data.salePriceStr}}<text class='saleprice'></text></text>
  25. <text wx:if="{{data.targetAd == 2}}"><text class='saleprice'>抢购价</text><text class='rmb'>¥</text>{{data.salePriceStr}}<text class='saleprice'></text></text>
  26. <text wx:if="{{data.targetAd == 6}}"><text class='saleprice'>可砍至</text><text class='rmb'>¥</text>{{data.salePriceStr}}<text class='saleprice'></text></text>
  27. <text wx:if="{{data.targetAd == 7}}"><text class='saleprice'>拼团价</text><text class='rmb'>¥</text>{{data.salePriceStr}}<text class='saleprice'></text></text>
  28. <view class="coupons-info-manjian" style="margin-top:10rpx;" wx:if="{{data.type == 1}}">
  29. <view class='view01' wx:if="{{data.unit==0}}">¥{{data.priceStr}}</view>
  30. <view wx:if="{{data.unit==1}}">{{data.priceStr}}小时</view>
  31. <!-- <text class='txt2'>满{{data.usePriceStr}}元可用</text> -->
  32. </view>
  33. <view class="coupons-info-manjian" wx:elif="{{data.type == 2||data.type == 3||data.type==4||data.type==5}}">
  34. <text class='view01' wx:if="{{data.unit==0}}">¥{{data.priceStr}}</text>
  35. <text wx:if="{{data.unit==1}}">{{data.priceStr}}小时</text>
  36. </view>
  37. </view>
  38. </view>
  39. </view>
  40. <view class="coupons-btn">
  41. <!-- 优惠券价格 -->
  42. <i-button i-class="coupons-btn-gm" wx:if="{{data.salePriceStr==0&&data.remainInventory!=0&&data.targetAd == 1}}" data-date='{{data}}'>免费领</i-button>
  43. <i-button i-class="coupons-btn-gm" wx:if="{{data.salePriceStr!=0&&data.remainInventory!=0&&data.targetAd == 1||data.salePriceStr!=0&&data.remainInventory!=0&&data.targetAd == 5}}" data-date='{{data}}'>购买</i-button>
  44. <i-button i-class="coupons-btn-gm" wx:if="{{data.remainInventory!=0&&data.targetAd == 2}}" data-date='{{data}}'>去抢购</i-button>
  45. <i-button i-class="coupons-btn-gm" wx:if="{{data.remainInventory!=0&&data.targetAd == 6}}" data-date='{{data}}'>去砍价</i-button>
  46. <i-button i-class="coupons-btn-gm" wx:if="{{data.remainInventory!=0&&data.targetAd == 7}}" data-date='{{data}}'>去拼团</i-button>
  47. <i-button i-class="coupons-btn-gms" wx:if="{{data.remainInventory==0}}" data-date='{{data}}'>已售罄</i-button>
  48. <i-button i-class="coupons-btn-gms" wx:if="{{data.status==1}}" data-date='{{data}}'>已下架</i-button>
  49. </view>
  50. </view>
  51. </view>