本文介绍了在项目中增加一个公司图标滚动对比效果的过程。作者最初尝试使用轮播图组件，但发现需要的是无缝滚动效果。通过研究，作者采用了vue-seamless-scroll组件来实现这一功能，并提供了相关链接和代码示例，同时提醒注意eslint的代码规范，避免使用未设置key值的v-for指令。
项目加了个功能，有一个模块比较单调想加一些效果，于是就想加一个各个公司和自己公司的对比效果，把这些公司的图标都放在一起滚动播放，加上排名的效果展示，于是我开始着手完成这部分内容，起初方向错了，我以为像轮播图那种，于是找了几个开源的代码写出来效果不对，不是延时器的轮播图，是无缝滚动效果，查了资料以后才发现效果实现要比我想象的简单，具体代码如下：
使用之前需要先进行安装注册：
vue有自己封装好的轮播效果组件 <vue-seamless-scroll>，链接如下:
https://chenxuan1993.gitee.io/component-document/index_prod#/component/seamless-default
(注意图中注释掉的v-for写法，是错误的写法，没有key值根据我们eslint的代码规范会报错)
、
扫一扫
6239
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
