withdrawalDetail.vue 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <template>
  2. <view class="page">
  3. <!-- 明细组件,根据传值确定展示的数据 -->
  4. <MoneyDetail :withBool='true' v-for="(item,index) in moneyDetail" :itemInfo="item" :key="index" />
  5. <!-- 明细组件,根据传值确定展示的数据 -->
  6. </view>
  7. </template>
  8. <script>
  9. import MoneyDetail from "../mineComponent/moneyDetail/index.vue"
  10. export default {
  11. components: {
  12. MoneyDetail
  13. },
  14. data() {
  15. return {
  16. //保证金提现明细数据
  17. moneyDetail: [{
  18. name: '充值',
  19. time: '2024-1-1 09:34:31',
  20. money: '+400',
  21. auditingStatus: 0
  22. },
  23. {
  24. name: '提现',
  25. time: '2024-1-1 09:34:31',
  26. money: '-400',
  27. auditingStatus: 1
  28. },
  29. {
  30. name: '充值',
  31. time: '2024-1-1 09:34:31',
  32. money: '+400',
  33. auditingStatus: 2
  34. },
  35. ]
  36. }
  37. },
  38. methods: {
  39. },
  40. mounted() {
  41. uni.setBackgroundColor({
  42. backgroundColor: '#ffffff'
  43. })
  44. }
  45. }
  46. </script>
  47. <style lang="scss" scoped>
  48. .page {
  49. background-color: #fff;
  50. width: 92vw;
  51. height: 100vh;
  52. padding: 0 32rpx;
  53. }
  54. </style>