list.vue 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <template>
  2. <view>
  3. <car-common ref="common" ></car-common>
  4. <u-navbar title="资金变动记录" :is-back="true" >
  5. <view class="slot-wrap"></view>
  6. </u-navbar>
  7. <view class="von-zj-list">
  8. <view v-if="isLoading&&recordList&&recordList.length==0" style="text-align:center;margin-top: 120px;" >
  9. <img src="static/img/null.png" style="width: 50%;" alt="" >
  10. <view>暂无数据</view>
  11. </view>
  12. <scroll-view v-if="recordList&&recordList.length" :style="'height: '+clientHeight+'px;'" scroll-y="true" @scrolltolower="lower">
  13. <view class="zj-list-item flex-spal" v-for="item,i in recordList" @click="gotoUrl(item)" :key="i" >
  14. <view>
  15. <h4>{{item.name}}<text :class="item.status=='1'?'green':'orange'">({{item.statusStr}})</text></h4>
  16. <h6>{{item.time}}</h6>
  17. </view>
  18. <view>
  19. {{item.amount}}元<text class="icon iconfont icon-ico_listarrow"></text>
  20. </view>
  21. </view>
  22. </scroll-view>
  23. <view class="zj-list-item flex-spal" v-if="false">
  24. <view>
  25. <h4>账户提现<text class="green">((转账成功))</text></h4>
  26. <h6>2021-03-02 12:30:20</h6>
  27. </view>
  28. <view>
  29. -1000<text class="icon iconfont icon-ico_listarrow"></text>
  30. </view>
  31. </view>
  32. </view>
  33. <!-- <u-cell-group class="von-zj-list">
  34. <scroll-view :style="'height: '+clientHeight+'px;'" scroll-y="true" @scrolltolower="lower">
  35. <u-cell-item center v-for="item,i in recordList" @click="gotoUrl(item)" :key="i" :label="item.time" :value="item.amount" :title="item.name"></u-cell-item>
  36. </scroll-view>
  37. </u-cell-group> -->
  38. </view>
  39. </template>
  40. <script>
  41. import api from './list.js'
  42. export default api;
  43. </script>
  44. <style>
  45. page{
  46. background-color:#eee;
  47. }
  48. </style>