首先看看效果：
然后开始正题： 首先我们需要构思一下 1.滑动是否需要防抖？2.首先div得先自适应 3.布局效果要跟随不可体验过差
直接分享代码：
编写过程中 首先采用了vue自带的mouseEnter 触发监听 并且监听的是document的事件，实时互动。之所以在document.onmousemove中添加 阻止默认事件发生 是因为拖拽期间，鼠标会选中拖拽容器dom内的文字，导致体验不够好，其次则是利用flex布局原理 进行demo的宽度css修改 最后一步则是优化滑动的最大宽度限制，过低宽度不够显示行内元素，过高有的电脑分辨率不够。
附上源码地址：
