distributionCenter.wxml 3.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. <view class="distribution-center-page">
  2. <view class="center-top">
  3. </view>
  4. <view class="distribution-main">
  5. <view class="center-card">
  6. <view class="user-info">
  7. <image mode="aspectFill" class="user-avatar">
  8. </image>
  9. <view class="user-detail">
  10. <view class="detail-top">
  11. <text class="user-name">鲸致生活</text>
  12. <view class="commander">团长</view>
  13. <view class="user-grade">V1</view>
  14. </view>
  15. <view class="join-date">
  16. 2021.07.01加入</view>
  17. </view>
  18. </view>
  19. <view class="invite-info">
  20. <view class="invite-left">
  21. <text>邀请码:abc111</text>
  22. <image mode="aspectFill" src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/distribution/icon-copy.png"></image>
  23. </view>
  24. <view class="invite-right">
  25. <text>引荐人海报</text>
  26. <van-icon name="arrow" color="" />
  27. </view>
  28. </view>
  29. <view class="adv-text">
  30. 日常保洁特促,3小时只需128元
  31. </view>
  32. </view>
  33. <!-- 统计数据 -->
  34. <view class="statistics-data">
  35. <view class="data-item">
  36. <text class="data-text">266.00</text>
  37. <text>可提现金额</text>
  38. </view>
  39. <view class="data-item">
  40. <text class="data-text">133.00</text>
  41. <text>待结算金额</text>
  42. </view>
  43. <view class="data-item">
  44. <text class="data-text">128</text>
  45. <text>我的团队</text>
  46. </view>
  47. </view>
  48. <view class="center-banner">
  49. <image mode="aspectFill" src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/distribution/banner.png" class="link-img"></image>
  50. </view>
  51. <view class="link-block">
  52. <view class="link-item">
  53. <image mode="aspectFit" src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/distribution/icon-order.png" class="link-img"></image>
  54. <text>订单明细</text>
  55. <van-icon name="arrow" color="" />
  56. </view>
  57. <view class="link-item">
  58. <image mode="aspectFit" src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/distribution/icon-team.png" class="link-img"></image>
  59. <text>我的团队</text>
  60. <van-icon name="arrow" color="" />
  61. </view>
  62. <view class="link-item">
  63. <image mode="aspectFit" src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/distribution/icon-income.png" class="link-img"></image>
  64. <text>我的收益</text>
  65. <van-icon name="arrow" color="" />
  66. </view>
  67. <view class="link-item">
  68. <image mode="aspectFit" src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/distribution/icon-service.png" class="link-img"></image>
  69. <text>专属管家</text>
  70. <van-icon name="arrow" color="" />
  71. </view>
  72. <view class="link-item">
  73. <image mode="aspectFit" src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/distribution/icon-college.png" class="link-img"></image>
  74. <text>商学院</text>
  75. <van-icon name="arrow" color="" />
  76. </view>
  77. <view class="link-item">
  78. <image mode="aspectFit" src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/distribution/icon-about.png" class="link-img"></image>
  79. <text>关于鲸致</text>
  80. <van-icon name="arrow" color="" />
  81. </view>
  82. <view class="link-item">
  83. <image mode="aspectFit" src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/distribution/icon-privacy.png" class="link-img"></image>
  84. <text>隐私管理</text>
  85. <van-icon name="arrow" color="" />
  86. </view>
  87. </view>
  88. </view>
  89. </view>