C端小程序
25'ten fazla konu seçemezsiniz Konular bir harf veya rakamla başlamalı, kısa çizgiler ('-') içerebilir ve en fazla 35 karakter uzunluğunda olabilir.

73 satır
4.6 KiB

  1. <navigator url="/pages/coupon/detail/index?couponChannelId={{data.couponChannelId}}&couponId={{data.couponId}}&title={{data.title}}">
  2. <!-- 首页优惠券列表页面 -->
  3. <view class="coupons" wx:if="{{data.targetAd!=2}}">
  4. <view class="coupons-img">
  5. <image src="{{data.coverImg}}" mode='aspectFill' lazy-load="true"></image>
  6. </view>
  7. <view class="coupons-info">
  8. <view class="coupons-info-name tit">{{data.title}}</view>
  9. <view class="coupons-info-name subtitle">{{data.subTitle}}</view>
  10. <view class="coupons-info-price-p">
  11. <view class='price'>
  12. <text>{{data.salePriceStr}}<text style="font-size:24rpx;display:inline-block;margin-right:10rpx;font-weight:400;">元</text></text>
  13. <view class="coupons-info-manjian" style="margin-top:10rpx;" wx:if="{{data.type == 1}}">
  14. <view class='view01' wx:if="{{data.unit==0}}">{{data.priceStr}}元</view>
  15. <view wx:if="{{data.unit==1}}">{{data.priceStr}}小时</view>
  16. <!-- <text class='txt2'>满{{data.usePriceStr}}元可用</text> -->
  17. </view>
  18. <view class="coupons-info-manjian" wx:elif="{{data.type == 2||data.type == 3||data.type==4||data.type==5}}">
  19. <text class='view01' wx:if="{{data.unit==0}}">{{data.priceStr}}元</text>
  20. <text wx:if="{{data.unit==1}}">{{data.priceStr}}小时</text>
  21. <!-- <text class='txt2'>仅限本店使用</text> -->
  22. </view>
  23. </view>
  24. <!-- <view class="coupons-info-manjian1" wx:if="{{data.merchantVoList.length==1}}">{{data.merchantVoList[0].merchantName}}</view>
  25. <view class="coupons-info-manjian1" wx:if="{{data.merchantVoList.length>1}}">多商户通用</view> -->
  26. </view>
  27. </view>
  28. <view class="coupons-btn">
  29. <!-- 优惠券价格 -->
  30. <i-button i-class="coupons-btn-gm" wx:if="{{data.salePriceStr==0&&data.remainInventory!=0}}" data-date='{{data}}'>免费领</i-button>
  31. <i-button i-class="coupons-btn-gm" wx:if="{{data.salePriceStr!=0&&data.remainInventory!=0}}" data-date='{{data}}'>马上购</i-button>
  32. <i-button i-class="coupons-btn-gms" wx:if="{{data.remainInventory==0}}" data-date='{{data}}'>已售罄</i-button>
  33. <i-button i-class="coupons-btn-gms" wx:if="{{data.status==1}}" data-date='{{data}}'>已下架</i-button>
  34. </view>
  35. <!-- <view class="coupons-info-name sy">剩余{{data.remainInventory}}</view> -->
  36. </view>
  37. <!-- 限时抢购 -->
  38. <view class="xianshicoupons" wx:else>
  39. <view class="coupons-img">
  40. <image src="{{data.coverImg}}" mode='aspectFill' lazy-load="true"></image>
  41. </view>
  42. <view class="coupons-info">
  43. <view class="coupons-info-name tit">{{data.title}}</view>
  44. <view class="coupons-info-name subtitle">{{data.subTitle}}</view>
  45. <view class="coupons-info-price-p">
  46. <view class='price'>
  47. <text>{{data.salePriceStr}}<text style="font-size:24rpx;display:inline-block;margin-right:10rpx;font-weight:400;">元</text></text>
  48. <view class="coupons-info-manjian" style="margin-top:10rpx;" wx:if="{{data.type == 1}}">
  49. <view class='view01' wx:if="{{data.unit==0}}">{{data.priceStr}}元</view>
  50. <view wx:if="{{data.unit==1}}">{{data.priceStr}}小时</view>
  51. <!-- <text class='txt2'>满{{data.usePriceStr}}元可用</text> -->
  52. </view>
  53. <view class="coupons-info-manjian" wx:elif="{{data.type == 2||data.type == 3||data.type==4||data.type==5}}">
  54. <text class='view01' wx:if="{{data.unit==0}}">{{data.priceStr}}元</text>
  55. <text wx:if="{{data.unit==1}}">{{data.priceStr}}小时</text>
  56. <!-- <text class='txt2'>仅限本店使用</text> -->
  57. </view>
  58. </view>
  59. <!-- <view class="coupons-info-manjian1" wx:if="{{data.merchantVoList.length==1}}">{{data.merchantVoList[0].merchantName}}</view>
  60. <view class="coupons-info-manjian1" wx:if="{{data.merchantVoList.length>1}}">多商户通用</view> -->
  61. </view>
  62. </view>
  63. <view class="coupons-btn">
  64. <!-- 优惠券价格 -->
  65. <i-button i-class="coupons-btn-gm" wx:if="{{data.salePriceStr==0&&data.remainInventory!=0}}" data-date='{{data}}'>免费领</i-button>
  66. <i-button i-class="coupons-btn-gm" wx:if="{{data.salePriceStr!=0&&data.remainInventory!=0}}" data-date='{{data}}'>马上购</i-button>
  67. <i-button i-class="coupons-btn-gms" wx:if="{{data.remainInventory==0}}" data-date='{{data}}'>已售罄</i-button>
  68. <i-button i-class="coupons-btn-gms" wx:if="{{data.status==1}}" data-date='{{data}}'>已下架</i-button>
  69. </view>
  70. <!-- <view class="coupons-info-name sy">剩余{{data.remainInventory}}</view> -->
  71. </view>
  72. </navigator>