抖音c端
Non puoi selezionare più di 25 argomenti Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.

index.ttml 5.6 KiB

2 anni fa
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  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}}'>
  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" tt:if="{{data.salePriceStr==0&&data.remainInventory!=0&&data.targetAd == 101}}"
  60. data-date='{{data}}'>免费领</i-button>
  61. <i-button i-class="coupons-btn-gm"
  62. tt:if="{{data.salePriceStr!=0&&data.remainInventory!=0&&data.targetAd == 101||data.salePriceStr!=0&&data.remainInventory!=0&&data.targetAd == 5}}"
  63. data-date='{{data}}'>购买</i-button>
  64. <i-button i-class="coupons-btn-gm" tt:if="{{data.remainInventory!=0&&data.targetAd == 2}}" data-date='{{data}}'>
  65. 去抢购</i-button>
  66. <i-button i-class="coupons-btn-gm" tt:if="{{data.remainInventory!=0&&data.targetAd == 6}}" data-date='{{data}}'>
  67. 去砍价</i-button>
  68. <i-button i-class="coupons-btn-gm" tt:if="{{data.remainInventory!=0&&data.targetAd == 7}}" data-date='{{data}}'>
  69. 去拼团</i-button>
  70. <i-button i-class="coupons-btn-gms" tt:if="{{data.remainInventory==0}}" data-date='{{data}}'>已售罄</i-button>
  71. <i-button i-class="coupons-btn-gms" tt:if="{{data.status==1}}" data-date='{{data}}'>已下架</i-button>
  72. </view>
  73. <view class="coupons-btn" tt:if="{{mouldType==1}}">
  74. <!-- 优惠券价格 -->
  75. <i-button i-class=" coupons-btn-gmX" tt:if="{{data.salePriceStr==0&&data.remainInventory!=0&&data.targetAd == 101}}"
  76. data-date='{{data}}'>免费领</i-button>
  77. <i-button i-class="coupons-btn-gmX"
  78. tt:if="{{data.salePriceStr!=0&&data.remainInventory!=0&&data.targetAd == 101||data.salePriceStr!=0&&data.remainInventory!=0&&data.targetAd == 5}}"
  79. data-date='{{data}}'>购买</i-button>
  80. <i-button i-class="coupons-btn-gmX" tt:if="{{data.remainInventory!=0&&data.targetAd == 2}}" data-date='{{data}}'>
  81. 去抢购</i-button>
  82. <i-button i-class="coupons-btn-gmX" tt:if="{{data.remainInventory!=0&&data.targetAd == 6}}" data-date='{{data}}'>
  83. 去砍价</i-button>
  84. <i-button i-class="coupons-btn-gmX" tt:if="{{data.remainInventory!=0&&data.targetAd == 7}}" data-date='{{data}}'>
  85. 去拼团</i-button>
  86. <i-button i-class="coupons-btn-gms" tt:if="{{data.remainInventory==0}}" data-date='{{data}}'>已售罄</i-button>
  87. <i-button i-class="coupons-btn-gms" tt:if="{{data.status==1}}" data-date='{{data}}'>已下架</i-button>
  88. </view>
  89. </view>
  90. </view>