moneyBill.vue 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. <template>
  2. <view class="page" :style="{'min-height':(h-th)+'px','padding-top':mt+'px'}">
  3. <c-nav-bar title="资金账单"></c-nav-bar>
  4. <view class="time">
  5. <view>
  6. <text>2024-02月</text>
  7. <u-icon name="arrow-down" color="#999" size="25px"></u-icon>
  8. </view>
  9. <text>提现¥1000.00</text>
  10. </view>
  11. <view class="list">
  12. <view class="li" v-for="(item,index) in data" :key="index" @click="detail()">
  13. <view class="left">
  14. <text>黄沙村渔家乐12客位</text>
  15. <text>2024-02-23 09:12:34</text>
  16. </view>
  17. <view class="right">+12</text>
  18. </view>
  19. </view>
  20. </view>
  21. </view>
  22. </template>
  23. <script>
  24. export default {
  25. data() {
  26. return {
  27. h: uni.getSystemInfoSync().windowHeight - 87,
  28. mt: uni.getSystemInfoSync().statusBarHeight + 44,
  29. data: [4, 5],
  30. }
  31. },
  32. methods:{
  33. detail(){
  34. uni.navigateTo({
  35. url:"/pagesHouse/home/moneyBillDetail"
  36. })
  37. }
  38. }
  39. }
  40. </script>
  41. <style scoped lang="scss">
  42. .time {
  43. display: flex;
  44. justify-content: space-between;
  45. padding: 24rpx;
  46. background-color: #F5F8FA;
  47. &>view {
  48. display: flex;
  49. align-items: center;
  50. text {
  51. font-size: 30rpx;
  52. color: #111;
  53. margin-right: 10rpx;
  54. }
  55. }
  56. &>text {
  57. font-size: 26rpx;
  58. color: #999;
  59. }
  60. }
  61. .list{
  62. padding: 0 24rpx;
  63. .li {
  64. display: flex;
  65. justify-content: space-between;
  66. padding: 30rpx 0;
  67. border-bottom: 1rpx solid #EFEFEF;
  68. .left {
  69. text {
  70. &:first-child {
  71. font-size: 28rpx;
  72. color: #111;
  73. margin-bottom: 15rpx;
  74. }
  75. display: block;
  76. color: #999;
  77. font-size: 26rpx;
  78. }
  79. }
  80. .right {
  81. color: #111111;
  82. font-size: 36rpx;
  83. font-weight: bold;
  84. }
  85. }
  86. }
  87. </style>