用途:el-timeline 是 Element Plus 提供的时间线组件,用于按时间顺序可视化展示活动记录、事件历史、流程日志和版本历史等场景。
主要能力:外层 el-timeline 支持 reverse(倒序)与 mode(时间线位置,可选 start、alternate、alternate-reverse、end)。内层 el-timeline-item 支持 timestamp(时间戳内容)、hide-timestamp(隐藏时间戳)、center(垂直居中)、placement(时间戳位置,top 或 bottom)、type(节点类型:primary、success、warning、danger、info)、color(节点背景色)、size(节点大小:normal、large)、icon(图标组件)、hollow(图标是否空心)。el-timeline-item 提供 default 与 dot 两个插槽,分别用于自定义内容与自定义节点。
使用方式:在模板中组合 el-timeline 与 el-timeline-item,通过 v-for 遍历活动数组渲染条目,并绑定 timestamp 与内容。需要交替布局时设置 mode="alternate";需要最新在前时添加 reverse;自定义节点可设置 color、size 或传入 icon(如从 @element-plus/icons-vue 导入 Check);时间戳置顶使用 placement="top"。
适用场景:活动历史、按时间排列的事件、流程日志、版本历史等。
限制:资料未提供安装命令、版本要求、收费信息及更多边界条件,暂未提供。