抖音c端
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

80 行
3.4 KiB

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