抖音c端
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

99 lignes
5.6 KiB

  1. <view class='navigator' bindtap='gotoDetail' data-id='{{data.id}}' data-targetAd='{{data.targetAd}}' hover-class='hover'
  2. data-couponId='{{data.couponId}}' data-title='{{data.title}}' data-malltenantid='{{data.tenantId}}'>
  3. <view class="presell" tt:if="{{data.type==10}}" style="{{mouldType==1?'top: 280rpx;':''}}">预售 </view>
  4. <!-- 首页优惠券列表页面 -->
  5. <view class="coupons">
  6. <!-- fromMerchant 根据这个字段判断 -->
  7. <view class="superscript" tt:if="{{from == 'fromMerchant'}}">
  8. <!-- 角标的三种实现 -->
  9. <view class="rect" style='background: #31b968;' tt:if="{{data.targetAd == 2}}"></view>
  10. <view class="rect" style='background: orange;' tt:if="{{data.targetAd == 6}}"></view>
  11. <view class="rect" style='background: #d900ae;' tt:if="{{data.targetAd == 7}}"></view>
  12. <view class="rect" style='background: #5dae01;' tt:if="{{data.targetAd == 5}}"></view>
  13. <view class="desc" tt:if="{{data.targetAd == 2}}">限时券</view>
  14. <view class="desc" tt:if="{{data.targetAd == 6}}">砍价券</view>
  15. <view class="desc" tt:if="{{data.targetAd == 7}}">拼团券</view>
  16. <view class="desc" tt:if="{{data.targetAd == 5}}">消费卡</view>
  17. </view>
  18. <view class="coupons-img">
  19. <image src="{{data.coverImg}}" style="{{mouldType==1?'height: 300rpx;':''}}" mode='aspectFill' lazy-load="true">
  20. </image>
  21. </view>
  22. <view class="coupons-info">
  23. <view class="coupons-info-name tit">{{data.title}}</view>
  24. <view class="coupons-info-name subtitle">{{data.subTitle}}</view>
  25. <view class="coupons-info-price-p">
  26. <view class='price' tt:if="{{data.type!=10&&mouldType==1}}">
  27. <view class="fuhaoX"> ¥{{data.salePriceStr}}</view>
  28. </view>
  29. <view class='price' tt:if="{{data.type!=10&&mouldType!=1}}">
  30. <text tt:if="{{data.targetAd == 101||data.targetAd == 5}}"><text class='rmb'>¥</text>
  31. <text class='num'>{{data.salePriceStr}}</text>
  32. <text tt:if="{{!(data.type==5&&data.unit==1)}}" class='view02'>¥{{data.priceStr}}</text>
  33. </text>
  34. <text tt:if="{{data.targetAd == 2}}"><text class='saleprice'>抢购价</text>
  35. <text class='rmb'>¥</text>{{data.salePriceStr}}
  36. </text>
  37. <text tt:if="{{data.targetAd == 6}}"><text class='saleprice'>可砍至</text>
  38. <text class='rmb'>¥</text>{{data.salePriceStr}}
  39. </text>
  40. <text tt:if="{{data.targetAd == 7}}"><text class='saleprice'>拼团价</text>
  41. <text class='rmb'>¥</text>{{data.salePriceStr}}
  42. </text>
  43. <view class="coupons-info-manjian" style="margin-top:10rpx;" tt:if="{{data.type == 1}}">
  44. <!-- <view class='view01' tt:if="{{data.unit==0}}">¥{{data.priceStr}}</view> -->
  45. <view tt:if="{{data.unit==1}}">{{data.priceStr}}小时</view>
  46. </view>
  47. <view class="coupons-info-manjian" tt:elif="{{data.type == 3||data.type==4||data.type==5}}">
  48. <!-- <text class='view01' tt:if="{{data.unit==0}}">¥{{data.priceStr}}</text> -->
  49. <text tt:if="{{data.unit==1}}">{{data.priceStr}}小时</text>
  50. </view>
  51. </view>
  52. <view class="earnest" tt:if="{{data.type==10}}">
  53. 预售定金:¥{{data.salePriceStr}}
  54. </view>
  55. </view>
  56. </view>
  57. <view class="coupons-btn" tt:if="{{mouldType!=1}}">
  58. <!-- 优惠券价格 -->
  59. <i-button i-class=" coupons-btn-gm"
  60. tt:if="{{data.salePriceStr==0&&data.remainInventory!=0&&data.targetAd == 101}}" data-date='{{data}}'>免费领
  61. </i-button>
  62. <i-button i-class="coupons-btn-gm"
  63. tt:if="{{data.salePriceStr!=0&&data.remainInventory!=0&&data.targetAd == 101||data.salePriceStr!=0&&data.remainInventory!=0&&data.targetAd == 5}}"
  64. data-date='{{data}}'>购买</i-button>
  65. <i-button i-class="coupons-btn-gm" tt:if="{{data.remainInventory!=0&&data.targetAd == 2}}" data-date='{{data}}'>
  66. 去抢购</i-button>
  67. <i-button i-class="coupons-btn-gm" tt:if="{{data.remainInventory!=0&&data.targetAd == 6}}" data-date='{{data}}'>
  68. 去砍价</i-button>
  69. <i-button i-class="coupons-btn-gm" tt:if="{{data.remainInventory!=0&&data.targetAd == 7}}" data-date='{{data}}'>
  70. 去拼团</i-button>
  71. <i-button i-class="coupons-btn-gms" tt:if="{{data.remainInventory==0}}" data-date='{{data}}'>已售罄</i-button>
  72. <i-button i-class="coupons-btn-gms" tt:if="{{data.status==1}}" data-date='{{data}}'>已下架</i-button>
  73. </view>
  74. <view class="coupons-btn" tt:if="{{mouldType==1}}">
  75. <!-- 优惠券价格 -->
  76. <i-button i-class=" coupons-btn-gmX"
  77. tt:if="{{data.salePriceStr==0&&data.remainInventory!=0&&data.targetAd == 101}}" data-date='{{data}}'>免费领
  78. </i-button>
  79. <i-button i-class="coupons-btn-gmX"
  80. tt:if="{{data.salePriceStr!=0&&data.remainInventory!=0&&data.targetAd == 101||data.salePriceStr!=0&&data.remainInventory!=0&&data.targetAd == 5}}"
  81. data-date='{{data}}'>购买</i-button>
  82. <i-button i-class="coupons-btn-gmX" tt:if="{{data.remainInventory!=0&&data.targetAd == 2}}" data-date='{{data}}'>
  83. 去抢购</i-button>
  84. <i-button i-class="coupons-btn-gmX" tt:if="{{data.remainInventory!=0&&data.targetAd == 6}}" data-date='{{data}}'>
  85. 去砍价</i-button>
  86. <i-button i-class="coupons-btn-gmX" tt:if="{{data.remainInventory!=0&&data.targetAd == 7}}" data-date='{{data}}'>
  87. 去拼团</i-button>
  88. <i-button i-class="coupons-btn-gms" tt:if="{{data.remainInventory==0}}" data-date='{{data}}'>已售罄</i-button>
  89. <i-button i-class="coupons-btn-gms" tt:if="{{data.status==1}}" data-date='{{data}}'>已下架</i-button>
  90. </view>
  91. </view>
  92. </view>