basic.vue 490 B

12345678910111213141516171819202122232425262728
  1. <template>
  2. <el-timeline>
  3. <el-timeline-item
  4. v-for="(activity, index) in activities"
  5. :key="index"
  6. :timestamp="activity.timestamp"
  7. >
  8. {{ activity.content }}
  9. </el-timeline-item>
  10. </el-timeline>
  11. </template>
  12. <script lang="ts" setup>
  13. const activities = [
  14. {
  15. content: 'Event start',
  16. timestamp: '2018-04-15',
  17. },
  18. {
  19. content: 'Approved',
  20. timestamp: '2018-04-13',
  21. },
  22. {
  23. content: 'Success',
  24. timestamp: '2018-04-11',
  25. },
  26. ]
  27. </script>