coupon.wxml 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <view class="topBoxs flex ju-b">
  2. <!-- <van-field input-class="input" placeholder="请输入您的优惠码" custom-style="padding:0" border="{{ false }}" bind:change="changeBtn" clearable /> -->
  3. <view class="input flex ju-b">
  4. <input class="" value="{{code}}" type="text" placeholder="请输入您的优惠码" bindinput="changeBtn" />
  5. <van-icon name="close" wx:if="{{isNum}}" bindtap="clearValue"/>
  6. </view>
  7. <view class="now {{isNum?'skyBlue' : 'gray'}}" bindtap="exchange">立即兑换</view>
  8. </view>
  9. <view class="listBoxs" >
  10. <view class="itemBoxs {{item.isExpire?'opct' : ''}}" wx:for="{{shopping}}" wx:key="{{index}}">
  11. <view class="top ">
  12. <view class="le flex ju-b">
  13. <view class="tit">新人特惠洗护券</view>
  14. <view class="num">
  15. <text class="logo">¥</text>
  16. <text>15</text>
  17. </view>
  18. </view>
  19. <view class="lr flex ju-b">
  20. <view class="time">2021.12.06到期</view>
  21. <view class="old">
  22. 满30可用
  23. </view>
  24. </view>
  25. </view>
  26. <view class="line"></view>
  27. <view class="footer flex ju-b">
  28. <view class="le " bindtap="change">
  29. <collapse list="{{item.list}}"></collapse>
  30. </view>
  31. <view class="lr" wx:if="{{!item.isExpire}}">分享好友</view>
  32. <image src="/image/coupon/yilingqu.png" class="guoqi" wx:else></image>
  33. </view>
  34. </view>
  35. </view>
  36. <van-empty
  37. wx:if="{{shopping.length == 0}}"
  38. class="custom-image"
  39. image="/image/coupon/no-coupons.png"
  40. description="暂无优惠券"
  41. />
  42. <view class="footerTips flex ju-b">
  43. <view class="le flex">
  44. <text>优惠券使用说明</text>
  45. <van-icon name="arrow" color="#A5A8AD" size="20rpx" />
  46. </view>
  47. <view class="line"></view>
  48. <view class="lr flex">
  49. <text>查看过期优惠券</text>
  50. <van-icon name="arrow" color="#A5A8AD" size="20rpx" />
  51. </view>
  52. </view>
  53. <toast id='toast' icon="/image/icon/tips.png">
  54. </toast>