vue结合element ui实现文字消息上下无缝滚动切换

最近项目里需要个消息翻滚一条条出现的效果，如下图： 正在用原生js操作的时候，突然想起element ui有个走马灯（Carousel），这个走马灯可以实现前端比较常用的轮播效果，那肯定也能实现这个功能消息无缝翻滚出现的功能。 话不多说，下面放代码： html部分：

解释下上面的重点： 1、element ui的走马灯direction 默认为 horizontal（横向切换），通过设置 direction 为 vertical 来让走马灯在垂直方向上切换； 2、指示器的位置indicator-position设置为none,不显示指示器； 3、设置autoplay为true，让自动切换，可不设置，默认就是true。

data部分：

好人做到底，再把css部分贴上来，直接可完美测试 css部分：

好了，就上面这么多,如果点击消息还有详情，可以给a标签加链接，跳转到详情页面。 有没有超简单，什么一大对js控制都弱爆了。

新博客，坚持原创码字，辛苦分享给点个赞鼓励下可好。