vue 实现无缝向左滚动 鼠标悬停、离开时停止、开始滚动

用的引用vue文件方式写的，可以改成组件代码

 

html代码：

<div class="cont">
	<div class="contlist" ref='contlist' @mouseover="stopScroll" @mouseout="startScroll">
		<ul>
			<li v-for="(item, index) in list" :key="index">
				{
  { index + 1 }} 、<em>{
  { item.name }}</em> {
  { item.time }}
			</li>
		</ul>
		<ul>
			<li v-for="(item, index) in list" :key="index">
				{
  { index + 1 }} 、<em>{
  { item.name }}</em> {
  { item.time }}
			</li>
		</ul>
	</div>
</div>

js 代码：

<script type="text/javascript">
	var vm = new Vue({
		el: '#app',
		data: {
			list: [
				{name: '负限位报警', time: '2019-12-18 16:20:34'},