微信小店联盟带货小程序

index.wxml 1.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <view class="container {{isDarkMode ? 'dark-mode' : ''}}">
  2. <view class="loading" wx:if="{{loading}}">
  3. <text>加载中...</text>
  4. </view>
  5. <block wx:else>
  6. <!-- 收入统计 -->
  7. <view class="income-stats">
  8. <view class="total-income">
  9. <view class="label">累计收入(元)</view>
  10. <view class="amount">{{incomeStats.totalIncome}}</view>
  11. </view>
  12. <view class="stats-grid">
  13. <view class="stats-item">
  14. <view class="label">今日收入(元)</view>
  15. <view class="amount">{{incomeStats.todayIncome}}</view>
  16. </view>
  17. <view class="stats-item">
  18. <view class="label">待结算(元)</view>
  19. <view class="amount">{{incomeStats.pendingIncome}}</view>
  20. </view>
  21. <view class="stats-item">
  22. <view class="label">可提现(元)</view>
  23. <view class="amount">{{incomeStats.withdrawable}}</view>
  24. </view>
  25. </view>
  26. <button class="withdraw-btn" bindtap="applyWithdraw">申请提现</button>
  27. </view>
  28. <!-- 收入明细 -->
  29. <view class="income-list">
  30. <view class="list-header">收入明细</view>
  31. <view class="list-content">
  32. <view class="income-item" wx:for="{{incomeList}}" wx:key="id">
  33. <view class="item-main">
  34. <view class="item-type">{{item.type}}</view>
  35. <view class="item-amount">+{{item.amount}}</view>
  36. </view>
  37. <view class="item-sub">
  38. <view class="item-time">{{item.createTime}}</view>
  39. <view class="item-status">{{item.status}}</view>
  40. </view>
  41. <view class="item-order">订单号:{{item.orderNo}}</view>
  42. </view>
  43. <view class="no-more" wx:if="{{!hasMore && incomeList.length > 0}}">
  44. 没有更多数据了
  45. </view>
  46. <view class="empty" wx:if="{{!loading && incomeList.length === 0}}">
  47. 暂无收入记录
  48. </view>
  49. </view>
  50. </view>
  51. </block>
  52. </view>