青蛙卖大米小程序2024-11-24
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

128 lines
2.2 KiB

6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
  1. <template>
  2. <view class="page">
  3. <navbar title="佣金"
  4. bgColor="#A3D250"
  5. color="#fff"
  6. leftClick
  7. @leftClick="$utils.navigateBack" />
  8. <view class="bg"/>
  9. <view class="price">
  10. <view class="title">
  11. 我的佣金
  12. </view>
  13. <view class="num">
  14. 16666
  15. </view>
  16. </view>
  17. <view class="cell">
  18. <view class="cell-top">收支明细</view>
  19. <view class="cell-box"
  20. :key="index"
  21. v-for="(item,index) in list">
  22. <uv-cell-group>
  23. <uv-cell
  24. :title="item.title"
  25. :label="item.createTime"
  26. :center="true">
  27. <template #value>
  28. <view class="cell-text">
  29. <view class="price-text">{{ type[item.type] }}{{ item.money }}</view>
  30. <view class="tips">已到账</view>
  31. </view>
  32. </template>
  33. </uv-cell>
  34. </uv-cell-group>
  35. </view>
  36. </view>
  37. </view>
  38. </template>
  39. <script>
  40. import mixinsList from '@/mixins/list.js'
  41. export default {
  42. mixins : [mixinsList],
  43. data() {
  44. return {
  45. mixinsListApi : 'getWaterPageList',
  46. type : ['+', '-'],
  47. state : ['审核中', '成功', '失败'],
  48. }
  49. },
  50. methods: {
  51. }
  52. }
  53. </script>
  54. <style scoped lang="scss">
  55. .page{
  56. .bg{
  57. background-color: $uni-color;
  58. height: 160rpx;
  59. position: absolute;
  60. left: 0;
  61. width: 100%;
  62. z-index: -1;
  63. border-bottom-left-radius: 30rpx;
  64. border-bottom-right-radius: 30rpx;
  65. }
  66. .price{
  67. background-color: #fff;
  68. padding: 40rpx;
  69. margin: 20rpx;
  70. border-radius: 20rpx;
  71. .title{
  72. color: #777;
  73. font-size: 28rpx;
  74. }
  75. .num{
  76. font-size: 50rpx;
  77. font-weight: 900;
  78. margin-top: 10rpx;
  79. }
  80. }
  81. .cell {
  82. margin: 20rpx;
  83. background-color: #FFFFFF;
  84. border-radius: 16rpx;
  85. .cell-top {
  86. padding: 40rpx 34rpx;
  87. color: #474747;
  88. font-size: 34rpx;
  89. font-weight: 600;
  90. position: relative;
  91. &::after{
  92. content: '';
  93. display: block;
  94. position: absolute;
  95. left: 55rpx;
  96. bottom: 38rpx;
  97. height: 10rpx;
  98. width: 120rpx;
  99. background: linear-gradient(to right, #fff, $uni-color);
  100. }
  101. }
  102. .cell-text{
  103. text-align: right;
  104. .price-text{
  105. color: #f40;
  106. font-size: 32rpx;
  107. font-weight: 900;
  108. }
  109. .tips{
  110. font-size: 22rpx;
  111. color: #aaa;
  112. margin-top: 10rpx;
  113. }
  114. }
  115. }
  116. }
  117. </style>