使用vue + css3实现一个跑马灯

工作中需要用到一个跑马灯，网上找了一下，各种妖魔做法都有，明明很简单的东西，却要使用拼接字符串、使用计时器、还有各种文案复制什么的，更有甚者各种id，还没从jq中走出来的样子，思路上让我看了略感忧伤，而且测试了一番还有bug，所以还是自己动手写一个，其实用css3来写思路清晰，代码量少

跑马灯效果图

这里只对跑马灯效果进行封装，文字颜色，外边框，喇叭等等都由外部定义，比如以上效果图，这样做的好处是方便重新定义跑马灯样式，本人不喜欢对组件进行各种默认定义，否则更改起来各种deep特别忧伤

这里说一下为什么要对marquee-wrap使用为了添加个0，因为absolute后失去了高度，用伪类补一个看不见的文字0来重新撑开可视高度。对于marquee使用absolute有两个原因：一是对于css3动画，我的习惯都会新建图层；二是我需要获取到所有文案撑开出来的宽度，使用absolute后可以让该节点宽度自行撑出来，直接获取即可。