为什么要捐赠
API 资源管理器
时间轴

QTimeline 组件以时间顺序显示事件列表。它通常是一个图形设计,显示一条带有日期标签的长条,以及事件。时间轴可以使用任何时间尺度,具体取决于主题和数据。

QTimeline 有 3 种布局

  • dense(默认)在时间轴的指定侧(默认在右侧)显示标题、副标题和内容。
  • comfortable 在时间轴的指定侧(默认在右侧)显示标题、副标题和内容,在另一侧显示副标题。
  • loose 在中心显示标题,在时间轴的条目指定侧(默认在右侧)显示标题和内容,在另一侧显示副标题。
正在加载 QTimeline API...
正在加载 QTimelineEntry API...

用法

基本

基本



仅使用 props

以下示例与上面相同,但使用 QTimelineEntry 属性,而不是默认插槽。

仅使用 props



仅使用插槽

以下示例与上面相同,但仅使用 QTimelineEntry 插槽。

仅使用插槽



暗色设计

强制暗模式



布局和侧边选择

警告

只有当 QTimeline 的布局为 loose 时,QTimelineEntry 才考虑其 side 属性。

布局和侧边选择



响应式

提示

以下示例使用 $q.screen 来检测窗口大小的变化,以查看所有三种布局的实际效果。

响应式布局