el-timeline如何横向

El-Timeline是一个基于Vue.js的组件库，它主要用于创建时间轴展示数据，通常用于项目进度、事件历史等场景。如果你想让El-Timeline呈现为横向布局，而不是默认的垂直方向，你可以通过调整其配置选项来实现。

首先，在引入并注册El-Timeline组件时，可以设置初始的`direction`属性为`horizontal`：

<template>
  <el-timeline direction="horizontal">
    <!-- timeline items here -->
  </el-timeline>
</template>

<script>
import { ElTimeline } from 'element-plus';
export default {
  components: {
    ElTimeline,
  },
};
</script>

然后，对于每个`<el-timeline-item>`，你可以保持默认样式，因为Item本身也可以水平排列：

<el-timeline-item>
  <!-- 时间节点内容 -->
</el-timeline-item>

需要注意的是，虽然设置了`horizontal`方向，可能需要对CSS进行一些微调，比如调整Item的宽度、间距等，以达到最佳的视觉效果。