记一次elementui时间线的实现

在Element UI中，可以使用el-timeline组件来实现时间线的功能。以下是一个简单的例子：

<template>
  <el-timeline>
    <el-timeline-item
      v-for="(activity, index) in activities"
      :key="index"
      :timestamp="activity.timestamp">
      {{activity.content}}
    </el-timeline-item>
  </el-timeline>
</template>
 
<script>
export default {
  data() {
    return {
      activities: [
        {
          content: '活动 A',
          timestamp: '2020-04-15'
        },
        {
          content: '活动 B',
          timestamp: '2020-04-18'
        },
        {
          content: '活动 C',
          timestamp: '2020-04-20'
        }
      ]
    };
  }
};
</script>

在这个例子中，el-timeline组件用于创建时间线，el-timeline-item组件用于定义时间线上的每一个事件/活动。activities数组包含了每个时间点上的信息，包括时间戳和内容。这些信息通过v-for指令循环渲染到el-timeline-item中。