Vue Carousel
made with Vuejs

Vue Carousel是一个适用于Vue.js的灵活、响应快速、触摸友好的轮播组件。

特点

• 可伸缩：幻灯片使用Vue的内置插槽系统，允许您在幻灯片中显示任何类型的内容(包括其他Vue组件)
• 响应式的：Vue Carousel中的断点可以配置为具有不同的幻灯片计数，这取决于设备的显示分辨率。
• 触摸友好：桌面和移动设备都支持触摸和拖动。

安装

Npm

npm i vue-carousel

Yarn

yarn add vue-carousel

使用

全局引入

import Vue from 'vue';
import VueCarousel from 'vue-carousel';

Vue.use(VueCarousel);

局部注册

import { Carousel, Slide } from 'vue-carousel';

export default {
  ...
  components: {
    Carousel,
    Slide
  }
  ...
};

使用示例

  <carousel :per-page="1" :navigate-to="someLocalProperty" :mouse-drag="false">
    <slide>
      Slide 1 Content
    </slide>
    <slide>
      Slide 2 Content
    </slide>
  </carousel>

示例