分隔线

v-divider组件用来分隔列表的各部分

用例

Full bleed dividers extend the entire content width.

API

v-divider
名称
dark
默认值
false
类型
boolean

应用暗黑主题变体

名称
inset
默认值
false
类型
boolean

添加缩进 (72px)

名称
light
默认值
false
类型
boolean

应用明亮主题变体

名称
vertical New in — v1.1
默认值
false
类型
boolean

Components.Dividers.

示例

明亮与暗黑

分隔线有明亮和暗黑的变种

插页分隔线

插页隔线向右移动72px,这将使他们将列表项分隔。

副标题和分割线

副标题可以使用相同的属性与插页分割线对齐。

List dividers

Inset dividers and subheaders can help break up content

Divivders in Portrait View

Create custom cards to fit any use-case

Vertical dividers

Vertical dividers give you even more tools for unique layouts.

Edit this page | language on Github
Vuetify 3 is now available!The latest version of Vuetify is now available!
Learn about Vuetify 3's new features and functionality for modern Vue applications
Start exploringExplore