order-freight-status.vue 538 B

1234567891011121314151617181920212223242526
  1. <template>
  2. <el-empty v-if="!records.length" description="暂无物流信息" :image-size="100" />
  3. <el-timeline v-else>
  4. <el-timeline-item
  5. v-for="(item, index) in records"
  6. :key="index"
  7. :timestamp="item.time"
  8. >
  9. <div>{{ item.title }}</div>
  10. {{ item.description }}
  11. </el-timeline-item>
  12. </el-timeline>
  13. </template>
  14. <script setup>
  15. const props = defineProps({
  16. records: {
  17. type: Array,
  18. default: () => []
  19. },
  20. title: {
  21. type: String,
  22. default: ''
  23. }
  24. });
  25. </script>