myredpacket.wxml 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <!--pages/mine/wxml/myredpacket/myredpacket.wxml-->
  2. <view class="content">
  3. <view class="head">
  4. <view class="title">
  5. <text>红包余额</text>
  6. </view>
  7. <view class="sum">
  8. <text style="font-size:100rpx">{{remaining}}</text>
  9. <text>元</text>
  10. </view>
  11. </view>
  12. <view class="main">
  13. <view class="nav">
  14. <view id="tab1" class="tab" bindtap='cuttab'>
  15. <text style="color:{{contIndex === 1?'#000':''}}">领取记录</text>
  16. <view class="underline" wx:if="{{contIndex === 1}}"></view>
  17. </view>
  18. <view id="tab2" class="tab" bindtap='cuttab'>
  19. <text style="color:{{contIndex === 2?'#000':''}}">使用记录</text>
  20. <view class="underline" wx:if="{{contIndex === 2}}"></view>
  21. </view>
  22. </view>
  23. <view class="tab-content">
  24. <view class="cont1" wx:if="{{contIndex === 1}}">
  25. <view class="list" wx:for="{{getRecord}}" wx:key="{{index}}">
  26. <view class="option-left">
  27. <text>¥{{item.balance}}</text>
  28. </view>
  29. <view class="option-right">
  30. <view class="title">
  31. <text>{{item.type}}</text>
  32. </view>
  33. <view class="date">
  34. <text>{{item.created}}</text>
  35. </view>
  36. </view>
  37. </view>
  38. </view>
  39. <view class="cont2" wx:if="{{contIndex === 2}}">
  40. <view class="list" wx:for="{{usageRecord}}" wx:key="{{index}}">
  41. <view class="record-left">
  42. <view class="goods-name">
  43. <text>{{item.item_name}}</text>
  44. </view>
  45. <view class="goods-time">
  46. <text>使用时间:{{item.created}}</text>
  47. </view>
  48. <view class="sum">
  49. <view class="bargain-sum">
  50. <text>成交金额:¥{{item.money}}</text>
  51. </view>
  52. <view class="bargain-sum">
  53. <text>实际支付:¥{{item.paysum}}</text>
  54. </view>
  55. </view>
  56. </view>
  57. <view class="record-right">
  58. <view class="red_pack_balance">
  59. <text>¥{{item.red_pack_balance}}</text>
  60. </view>
  61. <view class="text">
  62. <text>折扣金额</text>
  63. </view>
  64. </view>
  65. </view>
  66. </view>
  67. </view>
  68. </view>
  69. </view>