# 时间线 (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