ElementUI浅尝辄止14：Carousel 走马灯

在有限空间内，循环播放同一类型的图片、文字等内容

1.如何使用？

结合使用el-carousel和el-carousel-item标签就得到了一个走马灯。幻灯片的内容是任意的，需要放在el-carousel-item标签中。默认情况下，在鼠标 hover 时底部的指示器时就会触发切换。通过设置trigger属性为click，可以达到点击触发的效果。

2.轮播指示器

可以将指示器的显示位置设置在容器外部

//indicator-position属性定义了指示器的位置。默认情况下，
//它会显示在走马灯内部，设置为outside则会显示在外部；设置为none则不会显示指示器。

3.轮播切换箭头

可以设置切换箭头的显示时机

//arrow属性定义了切换箭头的显示时机。默认情况下，
//切换箭头只有在鼠标 hover 到走马灯上时才会显示；
//若将arrow设置为always，则会一直显示；设置为never，则会一直隐藏。

4.卡片化

当页面宽度方向空间空余，但高度方向空间匮乏时，可使用卡片风格

//将type属性设置为card即可启用卡片模式。从交互上来说，
//卡片模式和一般模式的最大区别在于，可以通过直接点击两侧的幻灯片进行切换。

5.方向

默认情况下，direction 为 horizontal。通过设置 direction 为 vertical 来让走马灯在垂直方向上显示。

关于走马灯组件的 大致使用方式就是这些，深入浅出可以前往Carousel轮播组件