# 时间线 (Timeline)

v-timeline 对于显示时间顺序信息非常有用。

# 使用

v-timeline 以最简单的形式显示了一个垂直时间轴, 它至少应该包含一个 v-timeline-item

# API

# 示例

# 属性

# 颜色

彩色的点可以创建可视的断点,使您的时间轴更容易阅读。

# 紧密

** dense ** 的时间轴将所有内容放置到右边。 在这个示例中, v-alert 代替卡片以提供不同的设计。

# 图标点

Conditionally use icons within the v-timeline-item's dot to provide additional context.

# 反转

您可以通过使用 ** reverse ** prop来扭转时间轴项目的方向。 这既适用于默认模式,也适用于 ** dense ** 模式。

# 小号

small prop允许其它样式提供独特的设计。

# 插槽

# Icon

使用 icon 插槽和 v-avatar 将头像插入到点.

# Opposite

opposite 插槽在您的时间线内提供额外的自定义层。

# Timeline item default

If you place a v-card inside of a v-timeline-item, a caret will appear on the side of the card.

# 其他

# 高级

模块化组件允许您创建高度定制的解决方案。

了解更多?

继续学习由 我们的团队 选择的相关内容,或通过使用下面的导航链接在页面之间跳转。
GitHub 上编辑此页面
最后更新:11/12/2024, 6:59:50 AM