info.vue 921 B

12345678910111213141516171819202122232425262728293031
  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-sp-list von-zj-info">
  8. <h5 class="flex-spal">{{info.name}}<h1>{{info.amount}}</h1></h5>
  9. <view class="von-sp-text">
  10. <p class="flex-sp"><text>交易类型</text>{{info.name}}</p>
  11. <p class="flex-sp"><text>申请状态</text><text :style="info.status=='1'?'color: green;':'color: orange;'">{{info.statusStr}}</text></p>
  12. <p class="flex-sp"><text>交易时间</text>{{info.time}}</p>
  13. <p class="flex-sp"><text>流水单号</text>{{info.withdrawalNo}}</p>
  14. <p class="flex-sp"><text>备注</text>{{info.remark}}</p>
  15. </view>
  16. </view>
  17. </view>
  18. </template>
  19. <script>
  20. import api from './info.js'
  21. export default api;
  22. </script>
  23. <style>
  24. page{
  25. background-color:#eee;
  26. }
  27. </style>