basic.vue 521 B

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