el-timeline reverse

### 关于 `el-timeline` 组件中的 `reverse` 属性

#### 反转时间线顺序

`reverse` 是 `el-timeline` 组件的一个重要属性，当设置为 `true` 时会反转时间线项目的显示顺序[^1]。默认情况下，时间线按照添加的时间线项的自然顺序从上到下排列；启用此选项后，则会使最新的条目位于顶部。

<template>
  <div>
    <!-- 正常顺序 -->
    <el-timeline :reverse="false">
      <el-timeline-item v-for="(activity, index) in activities" :key="index" :timestamp="activity.timestamp">{{ activity.content }}</el-timeline-item>
    </el-timeline>

    <!-- 反转后的顺序 -->
    <el-timeline :reverse="true">
      <el-timeline-item v-for="(activity, index) in activities" :key="index" :timestamp="activity.timestamp">{{ activity.content }}</el-timeline-item>
    </el-timeline>
  </div>
</template>

<script setup>
import { ref } from 'vue';

const activities = ref([
  {
    content: "活动内容一",
    timestamp: "2023-09-01"
  },
  {
    content: "活动内容二",
    timestamp: "2023-08-01"
  }
]);
</script>

上述代码展示了如何通过切换 `reverse` 属性值来改变时间线上各节点之间的相对位置。对于 Vue 3 中使用的 Element Plus 库而言，这段代码同样适用并能正常工作[^2]。