vue项目写走马灯,新闻滚动显示

最近在写Nuxt.js项目,需要将新闻以走马灯的形式展示。

需求:

1、新闻从右向左滚动显示;
2、鼠标移入、悬浮在新闻上的时候,新闻停止滚动;
3、点击新闻进入详情页。

效果图:

走马灯新闻.gif

代码展示:

容器
{{item.title}}
样式


你可能感兴趣的:(vue项目写走马灯,新闻滚动显示)