list.vue 805 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <template>
  2. <view class="container">
  3. <cu-custom bgColor="bg-gradual-pink" :isBack="true">
  4. <block slot="backText">返回</block>
  5. <block slot="content">历史委托单</block>
  6. </cu-custom>
  7. <uni-list border-full>
  8. <uni-list-item title="列表文字" note="列表描述信息" rightText="右侧文字" />
  9. <uni-list-item title="列表文字" note="列表描述信息" rightText="下载报告" />
  10. </uni-list>
  11. </view>
  12. </template>
  13. <script>
  14. export default {
  15. components: {},
  16. data() {
  17. return {
  18. }
  19. }
  20. }
  21. </script>
  22. <style>
  23. .chat-custom-right {
  24. flex: 1;
  25. /* #ifndef APP-NVUE */
  26. display: flex;
  27. /* #endif */
  28. flex-direction: column;
  29. justify-content: space-between;
  30. align-items: flex-end;
  31. }
  32. .chat-custom-text {
  33. font-size: 12px;
  34. color: #999;
  35. }
  36. </style>