cardBag.wxml 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. <view>
  2. <view class="history">
  3. <view>历史记录</view>
  4. </view>
  5. <view class="tabs-wrap flex-align-center">
  6. <view class="item flex-center {{current == 0 ? 'active' : ''}}" bindtap="onTabsChange" data-id="0">
  7. 未使用
  8. </view>
  9. <view class="item flex-center {{current == 1 ? 'active' : ''}}" bindtap="onTabsChange" data-id="1">
  10. 已使用
  11. </view>
  12. <view class="item flex-center {{current == 2 ? 'active' : ''}}" bindtap="onTabsChange" data-id="2">
  13. 已过期
  14. </view>
  15. </view>
  16. <view class="content">
  17. <view class="conItem" wx:for="{{list}}" wx:key="index">
  18. <view class="leftLine"></view>
  19. <view class="right">
  20. <view class="titleFrequency">
  21. <view class="title">修丽可B5补水卡</view>
  22. <view class="frequency">
  23. <text class="usedTimes">1</text>
  24. <text class="totalFrequency">/3</text>
  25. </view>
  26. </view>
  27. <view class="beOverdueToUse">
  28. <view class="beOverdue">
  29. <text class="beOverdueItem">还有</text>
  30. <text class="beOverdueItem tips">3天</text>
  31. <text class="beOverdueItem">(6月30日)过期</text>
  32. </view>
  33. <view class="toUse">去使用</view>
  34. </view>
  35. </view>
  36. <view class="cardBg">
  37. <image src="/images/cardBg.png"></image>
  38. </view>
  39. </view>
  40. </view>
  41. </view>