抖音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.

67 lines
3.4 KiB

  1. <!-- <button class='goback' bindtap='goback'><image src='{{wmhome}}' mode="widthFix"></image></button> -->
  2. <!-- <navbar back home text="专题活动"></navbar> -->
  3. <!-- <view style="height:{{navigationBarHeight}} "></view> -->
  4. <!-- banner活动详情页面 -->
  5. <view class='coupons' style='background:{{data.bgColor}};height:{{winHeight}};'>
  6. <view class="coupons-body">
  7. <view class='banner'>
  8. <image src='{{data.advert}}' style="" mode='widthFix'></image>
  9. </view>
  10. <view class='act'>
  11. <view class='txt001'>{{data.name}}</view>
  12. <view class='txt002'>{{data.title}}</view>
  13. <view class="proct">
  14. <text>{{data.content}}</text>
  15. </view>
  16. </view>
  17. </view>
  18. <view class='contain clearfix'>
  19. <!-- 优惠券 -->
  20. <view class='navigator' tt:for="{{data.couponList}}" tt:key="{{index}}" data-couponId='{{item.couponId}}' data-type='{{item.type}}' data-couponChannelId='{{item.id}}' bindtap='gotoDetail'>
  21. <!-- 首页优惠券列表页面 -->
  22. <view class="coupons1" style="{{mouldType==1?'height: 560rpx':''}}">
  23. <view class="coupons1-img" style="{{mouldType==1?'height: 344rpx':''}}">
  24. <image src="{{item.coverImg}}" style="{{mouldType==1?'height: 344rpx':''}}"></image>
  25. </view>
  26. <view class="coupons1-info" tt:if="{{mouldType!=1}}">
  27. <view class="coupons1-info-name tit">{{item.title}}</view>
  28. <view class="coupons1-info-name subtitle" tt:if="{{item.subTitle}}">{{item.subTitle}}</view>
  29. <view class="coupons1-info-price-p">
  30. <text class="i">¥</text>{{item.salePriceStr}}
  31. <view class="coupons-info-manjian" style="margin-top:10rpx;font-size:28rpx;" tt:if="{{item.type == 1}}">
  32. 满¥{{item.usePriceStr}}可用
  33. </view>
  34. <view class="coupons-info-manjian" style="margin-top:10rpx;font-size:28rpx;" tt:if="{{item.type == 2||item.type == 3||item.type==4||item.type==5||item.type==6||item.type==7}}">
  35. 仅限本店使用
  36. </view>
  37. </view>
  38. </view>
  39. <view class="coupons1-info" tt:if="{{mouldType==1}}">
  40. <view class="coupons1-info-name tit">{{item.title}}</view>
  41. <view class="coupons1-info-name subtitle" tt:if="{{item.subTitle}}">{{item.subTitle}}</view>
  42. <view class="coupons1-info-price-pX">
  43. <text class="i">¥</text>{{item.salePriceStr}}
  44. <view class="coupons-info-manjian" style="margin-top:10rpx;font-size:28rpx;" tt:if="{{item.type == 1}}">
  45. 满¥{{item.usePriceStr}}可用
  46. </view>
  47. <view class="coupons-info-manjian" style="margin-top:10rpx;font-size:28rpx;" tt:if="{{item.type == 2||item.type == 3||item.type==4||item.type==5||item.type==6||item.type==7}}">
  48. 仅限本店使用
  49. </view>
  50. </view>
  51. </view>
  52. <!-- <view class="coupons1-info-name subtitle sy">剩余{{item.remainInventory}}</view> -->
  53. <view class="coupons1-btn">
  54. <!-- 优惠券价格 -->
  55. <i-button class="{{mouldType!=1?'buy':'buyX'}}" hover-class='active' tt:if="{{item.salePriceStr==0}}" data-date='{{data}}'>免费领</i-button>
  56. <i-button class="{{mouldType!=1?'buy':'buyX'}}" hover-class='active' tt:elif="{{item.salePriceStr!=0}}" data-date='{{data}}'>马上购</i-button>
  57. </view>
  58. <!-- <view class="coupons1-border"></view> -->
  59. </view>
  60. </view>
  61. </view>
  62. </view>