# 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