Jumbotron

The jumbotron is a flexible call to action component. Supports background images, gradient overlays and much more.

Jumbotrons have been deprecated since v1.2, it is recommended that you use v-img, v-responsive, or a plain div instead.

API

v-jumbotron
名称
active-class
默认值
undefined
类型
string

当组件处于激活状态时被绑定的类,警告(warning)取决于组件,这可能会导致副作用。如果您需要在默认情况下添加自定义类,只需设置active-class="default-class your-class"

名称
append
默认值
false
类型
boolean

Vue Router的router-link属性

名称
color
默认值
undefined
类型
string

将指定的色彩应用与控件

名称
dark
默认值
false
类型
boolean

应用暗黑主题变体

名称
disabled
默认值
false
类型
boolean

Route列表项是被禁用的

名称
exact
默认值
false
类型
boolean

完全匹配链接,没有这个的话,“/”将匹配每一个路由

名称
exact-active-class
默认值
undefined
类型
string

Vue Router的 router-link属性

名称
gradient
默认值
undefined
类型
string

Components.Jumbotrons.

名称
height
默认值
400px
类型
number | string

设置组件高度

名称
href
默认值
undefined
类型
string | object

将组件标签指定为<a>

名称
light
默认值
false
类型
boolean

应用明亮主题变体

名称
nuxt
默认值
false
类型
boolean

指定一个链接是nuxt链接(nuxt-link)

名称
replace
默认值
false
类型
boolean

Vue Router router-link 属性

名称
ripple
默认值
undefined
类型
boolean | object

使用v-ripple指令

名称
src
默认值
undefined
类型
string

Components.Jumbotrons.

名称
tag
默认值
'div'
类型
string

指定要在组件上使用的自定义标签

名称
target
默认值
undefined
类型
string

指定目标属性,仅适用于猫标签。

名称
to
默认值
undefined
类型
string | object

将组件标签指定为<router-link>

示例

Custom color

Apply a custom background-color

Gradient

More information on writing gradients can be found here

Gradient with image

More information on writing gradients can be found here

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