coupon.wxml 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  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="flex ju-b">
  12. <view class="top ">
  13. <view class="le flex ju-b">
  14. <view class="tit">新人特惠洗护券</view>
  15. <view class="num">
  16. <text class="logo">¥</text>
  17. <text>15</text>
  18. </view>
  19. </view>
  20. <view class="lr flex ju-b">
  21. <view class="time">2021.12.06到期</view>
  22. <view class="old">
  23. 满30可用
  24. </view>
  25. </view>
  26. </view>
  27. <image src="/image/home/check.png" class="icon" wx:if="{{index == 0}}"></image>
  28. <image src="/image/home/check-not.png" class="icon" wx:else></image>
  29. </view>
  30. <view class="line"></view>
  31. <view class="footer ">
  32. <view class="le " bindtap="change">
  33. <collapse list="{{item.list}}"></collapse>
  34. </view>
  35. <!-- <view class="lr" wx:if="{{!item.isExpire}}">分享好友</view> -->
  36. <!-- <image src="/image/coupon/yilingqu.png" class="guoqi" wx:else></image> -->
  37. </view>
  38. </view>
  39. </view>
  40. <van-empty wx:if="{{shopping.length == 0}}" class="custom-image" image="/image/coupon/no-coupons.png" description="暂无优惠券" />
  41. <view class="footerNav flex ju-e">
  42. <view class="flex tips">
  43. 已选1张,可减<view class="flex code "><text>¥</text>
  44. <text class="val">15</text>
  45. </view>
  46. </view>
  47. <view class="btn btn-sky m-left-25">确定</view>
  48. </view>
  49. <toast id='toast' icon="/image/icon/tips.png">
  50. </toast>