QTimeline 组件按时间顺序显示事件列表。它通常是一个图形设计，显示一个长条形图，在其旁边标注日期，通常是事件。时间线可以使用任何时间尺度，具体取决于主题和数据。
QTimeline 有 3 种布局：
dense(默认) 在时间线的时间线指定侧（默认是右侧）显示头部，标题，副标题和内容。comfortable在时间线的时间线指定侧（默认是右侧）显示头部，标题和内容，在另一侧显示副标题。loose在中间显示头部，在条目指定侧（默认在右侧）显示标题和内容，在另一侧显示副标题。
QTimeline API
QTimelineEntry API
用法
基础
仅使用属性
下面是相同的示例，但仅使用 QTimelineEntry 属性而不是默认插槽：
仅使用插槽
下面再次是相同的示例，但仅使用 QTimelineEntry 插槽：
暗色设计
布局和侧面选择
WARNING
QTimelineEntry 仅在 QTimeline 具有 loose 布局时才会考虑其 side 属性。
响应式
TIP
下面的示例使用 $q.screen 检测窗口大小的变化，以查看所有 3 种布局的效果。
无障碍访问 v2.25+
QTimeline 渲染一个原生 <ul>，每个条目作为 <li>，因此条目以列表形式被读取。请注意条目标题无论时间线在文档标题大纲中的位置如何都渲染为 h6 元素（只有 heading 条目允许你通过 tag 属性选择其级别——默认为 h3），头像图片不带 alt 属性——请通过插槽和属性相应地提供有意义的结构和文本。