Carousel

Presenta una serie de imágenes o textos en un espacio limitado

Uso básico

Motion blur 2.6.0

Add motion blur to infuse dynamism and smoothness into the carousel.

Indicadores

Los indicadores pueden mostrarse fuera del carrusel

Flechas

Puede definir cuando se visualizan las flechas

Altura automática

Cuando el height de carousel se establece en auto, la altura del carousel se establecerá automáticamente según la altura de cada elemento del carousel

Modo Card

Cuando una página es suficientemente ancha, pero tiene una altura limitada, puede activar el modo card para carrusel

Vertical

Por defecto, direction es horizontal. El carrusel puede ser mostrado de forma vertical cambiando direction a vertical.

Carousel API

Carousel Attributes

Nombre	Descripción	Tipo	Default
height	altura del carrusel	`string`	''
initial-index	índice del slider inicial activo (empieza desde 0)	`number`	0
trigger	cómo se activan los indicadores	`enum`	hover
autoplay	si los sliders hacen el bucle de forma automática	`boolean`	true
interval	intervalo del bucle automático, en milisegundos	`number`	3000
indicator-position	posición de los indicadores	`enum`	''
arrow	cuando se muestran las flechas	`enum`	hover
type	tipo de carrusel	`enum`	''
card-scale 2.7.8	when type is card, scaled size of secondary cards	`number`	0.83
loop	si se muestra en bucle	`boolean`	true
direction	dirección en la que se muestra el contenido	`enum`	horizontal
pause-on-hover	si se pausa el bucle automático cuando el ratón pase sobre el carrusel	`boolean`	true
motion-blur 2.6.0	infuse dynamism and smoothness into the carousel	`boolean`	false

Carousel Events

Nombre	Descripción	Tipo
change	triggers when the active slide switches, it has two parameters, the one is the index of the new active slide, and other is index of the old active slide	`Function`

Carousel Slots

Nombre	Descripción	Subtags
default	personaliza el contenido por defecto	Carousel-Item

Carousel Exposes

Método	Descripción	Type
activeIndex 2.7.8	active slide index	`number`
setActiveItem	manually switch slide, index of the slide to be switched to, starting from 0; or the `name` of corresponding `el-carousel-item`	`Function`
prev	cambia al slider anterior	`Function`
next	cambia al slider siguiente	`Function`