platCoupon.wxml 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <!--components/platCoupon/platCoupon.wxml-->
  2. <view class="coupon-item {{canUse?'':'gray'}}">
  3. <view class='left'>
  4. <view class="num" wx:if="{{item.couponType == 1 || item.couponType == 3}}">
  5. <!-- ¥
  6. <text class="coupon-price">{{item.reduceAmount}}</text> -->
  7. <view class="cou-amount">{{item.reduceAmount}}</view>
  8. <view class="cou-text">元</view>
  9. </view>
  10. <view class="num" wx:if="{{item.couponType == 2}}">
  11. <text class="coupon-price">{{item.couponDiscount}}</text>折
  12. </view>
  13. <view class='condition'>
  14. 满{{item.cashCondition}}元可用
  15. </view>
  16. </view>
  17. <view class='right'>
  18. <view class="c-des">
  19. <!-- <text class="c-type">{{item.suitableProdType==0?'通用':'商品'}}</text> {{item.suitableProdType==0?'全场通用':'指定商品可用'}} -->
  20. <view class="cou-name">{{item.couponName}}</view>
  21. </view>
  22. <view class="c-date">
  23. <!-- <text wx:if="{{showTimeType==1 && item.couponType==2}}" class="c-data-info">领券{{item.validDays}}天后失效</text> -->
  24. <!-- <text wx:else class="c-data-info">{{item.startTime}}~{{item.endTime}}</text> -->
  25. <text class="c-data-info">{{item.startTime}}~{{item.endTime}}</text>
  26. <!-- <view class="cou-term"> {{item.validTimeType == 1?coupon.endTime+'前':'领取后' +coupon.afterReceiveDays}}结束</view> -->
  27. <!-- <text class="c-btn" wx:if="{{item.canReceive && !order}}" bindtap='receiveCoupon'>立即领取</text> -->
  28. <text class="c-btn get-btn" wx:if="{{!item.canReceive && !order}}" bindtap='useCoupon'>立即使用</text>
  29. </view>
  30. <view wx:if="{{order && canUse}}" class="sel-btn">
  31. <checkbox color="#eb2444" data-couponid="{{item.couponId}}" checked="{{item.choose}}" bindtap="checkCoupon"></checkbox>
  32. </view>
  33. </view>
  34. <image class="tag-img" src="../../images/icon/coupon-used.png" wx:if="{{type==1}}"></image>
  35. <image class="tag-img" src="../../images/icon/coupon-ot.png" wx:if="{{type==2}}"></image>
  36. </view>
  37. <!-- 券面 -->
  38. <!-- <view class="coupon-surface">
  39. <view class="coupon-content">
  40. <view class="coupon-left">
  41. <view class="cou-money-amount">
  42. <view class="cou-amount">{{coupon.reduceAmount}}</view>
  43. <view class="cou-text">元</view>
  44. </view>
  45. <view class="use-condition">满{{coupon.cashCondition}}元使用</view>
  46. </view>
  47. <view class="coupon-right">
  48. <view class="cou-name">{{coupon.couponName}}</view>
  49. <view class="cou-term"> {{coupon.validTimeType == 1?coupon.endTime+'前':'领取后' +coupon.afterReceiveDays}}结束</view>
  50. </view>
  51. </view>
  52. </view> -->
  53. <!-- 券面 -->