# Dividers(分隔线)

v-diver 组件用于分隔列表或布局的各个部分。

# 使用

最简单的分隔线显示一条水平线。

# API

# 示例

# 属性

# 缩进

inset属性令分隔线向右缩进72px。 这将使他们与列表项保持一致。

# 垂直

垂直分隔线为您提供了更多用于独特布局的工具。

# 其他

# 纵向视图

创建自定义卡片以适应任何用例.

# Subheaders(副标题)

分割线和副标题可以帮助分解内容,并可以使用相同的 inset 属性来相互对齐。

# 无障碍

默认, v-divider 组件被分配给 WAI-ARIA 角色 separator 表示分隔符“分离并区分内容部分或菜单项的分组。” 然而,有时分隔符只是一种使界面看起来很好的方式。 在这种情况, presentation 应该用来表示“一个其隐性本机角色不会被映射到可访问性API的元素”。 若要覆盖在 v-divider中默认的 separator 角色,只需添加一个 role="presentation" 属性到您的组件。 此外, v-divider 组件有一个 aria-orientation="horizontal" 属性。 如果 vertical="true", 那么 aria-orientation="vertical" 也会自动设置。 如果 role="presentation", 则默认aria-orientation="undefined", 。

了解更多?

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