vue-seamless-scroll添加鼠标滚轮滑动

vue-seamless-scroll是一个基于Vue.js的无缝滚动插件，它可以实现在网页中添加鼠标滚轮滑动的功能。下面是使用vue-seamless-scroll添加鼠标滚轮滑动的步骤：

1. 首先，你需要在你的Vue项目中安装vue-seamless-scroll插件。可以通过npm或yarn进行安装：

npm install vue-seamless-scroll

或

yarn add vue-seamless-scroll

2. 在你的Vue组件中引入vue-seamless-scroll插件：

import VueSeamlessScroll from 'vue-seamless-scroll';

export default {
  components: {
    VueSeamlessScroll
  },
  // ...
}

3. 在你的Vue组件模板中使用vue-seamless-scroll插件，并设置相应的属性：

<template>
  <div>
    <vue-seamless-scroll :speed="30" :step="1">
      <!-- 在这里放置你要滚动的内容 -->
    </vue-seamless-scroll>
  </div>
</template>

在上面的代码中，`:speed`属性表示滚动速度，`:step`属性表示每次滚动的距离。

4. 根据你的需求，你可以在`<vue-seamless-scroll>`标签内放置任何你想要滚动的内容，比如图片、文字等。

5. 最后，你可以根据需要自定义样式来美化滚动效果。

这样，你就可以使用vue-seamless-scroll插件来实现鼠标滚轮滑动的功能了。