适用广泛的基础用法
结合使用和el-carousel-item
标签就得到了一个走马灯。幻灯片的内容是任意的,需要放在el-carousel-item
标签中。默认情况下,在鼠标 hover 底部的指示器时就会触发切换。通过设置trigger
属性为click
,可以达到点击触发的效果。
指示器
可以将指示器的显示位置设置在容器外部
indicator-position
属性定义了指示器的位置。默认情况下,它会显示在走马灯内部,设置为outside
则会显示在外部;设置为则不会显示指示器。
切换箭头
可以设置切换箭头的显示时机
arrow
属性定义了切换箭头的显示时机。默认情况下,切换箭头只有在鼠标 hover 到走马灯上时才会显示;若将arrow
设置为always
,则会一直显示;设置为never
,则会一直隐藏。
将type
属性设置为card
即可启用卡片模式。从交互上来说,卡片模式和一般模式的最大区别在于,可以通过直接点击两侧的幻灯片进行切换。
方向
默认情况下, 为 horizontal
。通过设置 direction
为 vertical
来让走马灯在垂直方向上显示。