轮播
v-carousel组件用于在旋转的计时器上显示大量的可视内容。
API
名称
active-class
默认值
'v-item--active'
类型
string
Components.Carousels.
名称
cycle
默认值
true
类型
boolean
指定轮播是否应循环显示图像
名称
dark
默认值
false
类型
boolean
应用暗黑主题变体
名称
delimiter-icon
默认值
'$vuetify.icons.delimiter'
类型
string
设置轮播分隔符的图标
名称
height
默认值
500
类型
number | string
设置组件高度
名称
hide-controls
默认值
false
类型
boolean
隐藏导航控件
名称
hide-delimiters
默认值
false
类型
boolean
用轮播分隔符隐藏面部
名称
interval
默认值
6000
类型
number | string
图像周期之间的持续时间
名称
light
默认值
false
类型
boolean
应用明亮主题变体
名称
mandatory
默认值
true
类型
boolean
Components.Carousels.
名称
max
默认值
undefined
类型
number | string
设置最大宽度
名称
multiple
默认值
false
类型
boolean
Components.Carousels.
名称
next-icon
默认值
$vuetify.icons.next
类型
boolean | string
使用与v-icon相同的语法在组件上添加一个后置图标
名称
prev-icon
默认值
$vuetify.icons.prev
类型
boolean | string
使用与v-icon系统的语法在组件上添加一个图标
名称
reverse
默认值
false
类型
boolean
Components.Carousels.
名称
touch
默认值
undefined
类型
object
Components.Carousels.
名称
touchless
默认值
false
类型
boolean
Components.Carousels.
名称
value
默认值
undefined
类型
any
控制可见性
名称
vertical
默认值
false
类型
boolean
Components.Carousels.
示例
自定义过渡
您也可以应用您自己的自定义过渡。
自定义分隔符
您也可以更改轮播分隔符的图标。
隐藏控件
您可以使用hide-controls属性隐藏控件。
Hide delimiters
You can hide the bottom controls with the hide-delimiters prop.