滑行滑块是Vue.js的功能强大，功能齐全，易于触摸的轮播插件。

变更日志：

2020年8月19日

• v2.5.3

特征：

• 有或没有控件。
• 自动播放。
• 无休止的循环。
• 淡入淡出和幻灯片过渡。
• 每张幻灯片有多个项目。
• 全面响应和移动友好。
• 支持任何幻灯片内容。
• 图像延迟加载。

用法：

1.导入并注册组件。

import SlitherSlider from 'slither-slider';
Vue.use(SlitherSlider)

2.将幻灯片添加到轮播中。

<slither-slider :options="{OPTIONS HERE}">
  <!-- Slide 1 -->
  <div :style="{any styles here}">Slide 1</div>
  <!-- Slide 2 -->
  <div>
    <img src="2.jpg" />
  </div>
  <!-- Slide 3 -->
  <div>Slide 3</div>
</slither-slider>

3.使用以下选项自定义轮播。

{
  autoplay: false,
  transition: "slide", // or 'fade'
  animationDuration: 500,
  animationEasing: "easeOutQuint",
  slidePosition: "center",
  controls: true,
  dots: true,
  animatedDots: false,
  dotLimit: false,
  fullscreen: false,
  fullscreenOffset: null,
  numberOfSlides: 1,
  slideClass: null,
  sliderClass: null,
  controlsWrapperClass: null,
  overflowHiddenPadding: { top: 0, left: 0, right: 0, bottom: 0 },
  touch: true,
  endless: false,
  cuts: "right", // or left
  gap: 30,
  loop: true,
  extras: 3,
  preserveGrid: false
}