index.wxml 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. <view class="bill_container">
  2. <view class="bill_header">
  3. <van-row>
  4. <van-col style="font-size: 44rpx;color:white;" span="10">
  5. <van-icon name="arrow-left" />
  6. </van-col>
  7. <van-col style="font-size: 40rpx;color:white" span="10">账单统计</van-col>
  8. <van-col span="4"></van-col>
  9. </van-row>
  10. <view class="bill_content">
  11. <view class="todayBill">今日账单</view>
  12. <view class="Account">入账金额:¥<span>9909.98</span>元
  13. </view>
  14. </view>
  15. <view class="bill_list">
  16. <view class="bill_list_content1">
  17. <view><span>¥340.14</span>元</view>
  18. <view>包装费</view>
  19. </view>
  20. <view class="bill_list_content2">
  21. <view><span>¥298.00</span>元</view>
  22. <view>配送费</view>
  23. </view>
  24. <view class="bill_list_content3">
  25. <view><span>¥50.00</span>元</view>
  26. <view>退款费</view>
  27. </view>
  28. </view>
  29. <view class="bill_bottom">
  30. <view class="bill_bottom_header">
  31. <text>累计账单</text>
  32. <van-icon wx:if="{{isDisplay}}" bind:click="onDisplay" name="calendar-o" />
  33. <text style="color:orange;" bindtap="dateShow" wx:if="{{!isDisplay}}">{{date}}</text>
  34. </view>
  35. <view class="bill_bottom_content">
  36. <view class="bill_bottom_contentList">
  37. <view>
  38. <van-icon name="gold-coin-o" /><span>¥19899.00</span>元
  39. </view>
  40. <view class="bill_bottom_contentList_text">入账金额</view>
  41. </view>
  42. <view class="bill_bottom_contentList">
  43. <view>
  44. <van-icon name="point-gift-o" /><span>¥19899.00</span>元
  45. </view>
  46. <view class="bill_bottom_contentList_text">包装费</view>
  47. </view>
  48. <view class="bill_bottom_contentList">
  49. <view>
  50. <van-icon name="logistics" /><span>¥19899.00</span>元
  51. </view>
  52. <view class="bill_bottom_contentList_text"> 配送费</view>
  53. </view>
  54. <view class="bill_bottom_contentList">
  55. <view>
  56. <van-icon name="refund-o" /><span>¥19899.00</span>元
  57. </view>
  58. <view class="bill_bottom_contentList_text">退款费</view>
  59. </view>
  60. </view>
  61. </view>
  62. </view>
  63. </view>
  64. <van-calendar show="{{ show }}" type="range" bind:close="onClose" bind:confirm="onConfirm" />