时间线
QTimeline组件按时间顺序显示事件列表。 它通常是一种图形设计,显示一个长条,并在其旁边标有日期,通常是事件。 时间线可以使用任何时间范围,具体取决于主题和数据。
QTimeline具有3种布局:
dense
(默认)在时间线的timeline-specified一侧(默认右侧)显示头部、标题、子标题和内容comfortable
在时间线的timeline-specified一侧(默认右侧)上显示头部、标题和内容,在另一侧显示子标题loose
中心显示头部, 在时间线的entry-specified一侧的显示标题和内容(默认右侧),在另一侧显示子标题
QTimeline API
QTimelineEntry API
用法
基础
仅使用属性
下面是相同的示例,但是仅使用QTimelineEntry属性而不是默认插槽:
仅使用插槽
以下是相同的示例,但仅使用QTimelineEntry插槽:
在黑暗的背景
布局和侧面选择
WARNING
如果QTimeline具有loose
布局,则QTimelineEntry仅考虑其side
属性。
响应式
TIP
下面的示例使用 $q.screen
来检测窗口大小的变化,以查看所有3种实际布局。