用途:在 Blazor 应用中按时间顺序展示事件或里程碑,适合项目阶段、物流跟踪、工作流步骤、历史时间线等可视化场景。
主要能力:SfTimeline 组件按顺序渲染 TimelineItem,每项包含 Content(主信息)、OppositeContent(对侧信息)、Dot(可自定义图标、图片或文字)与 Connector(连接线)。支持 Alignment(Before、After、Alternate、AlternateReverse)、Orientation(Vertical 默认、Horizontal)、Reverse 反转顺序、Disabled 禁用项、CssClass 自定义样式,以及 Created 与 ItemRendered 事件回调。可通过 Template 指令完全自定义项,并从模板上下文访问 Item 与 ItemIndex。样式方面支持连接线、圆点颜色/大小/阴影/变体,以及 --dot-size、--dot-outer-space、--dot-border 等 CSS 变量和 e-outline 轮廓模式。
使用方式:安装 Syncfusion.Blazor.Layouts 与 Syncfusion.Blazor.Themes NuGet 包;在 _Imports.razor 添加 @using Syncfusion.Blazor.Layouts;在 Program.cs 调用 builder.Services.AddSyncfusionBlazor();在 index.html 引入 material3.css;然后用 <SfTimeline> 与 <TimelineItems> 创建时间线。
限制:资料未提供收费、价格、平台兼容性与性能数据,暂未提供。