分享一个 Vue 的 slider 组件

4,626 阅读1分钟
原文链接: github.com

Intro

vue-easy-slider is a slider component of Vue.js.

Demo

fiddle

Install

$ npm install --save vue-easy-slider

Usage

Work on a Vue instance:

import { Slider, SliderItem } from 'vue-easy-slider'

new Vue( {
  el: 'body',
  components: {
    Slider,
    SliderItem
  }
} )

  
  
  

Props

Slider:

name type default description
width String auto The width of the slider
height String 300px The height of the slider
interval Number 3000 Delay of auto slider( auto option should be true )
speed Number 300 Speed of animation
auto Boolean true Autoplay
indicators 'center', 'left', 'right', false 'center' Show indicators on option position or hidden
control-btn Boolean true Show control button
animation String - { normal, fade } normal Change animation

Slots

SliderItem:

name description
default Item's content

usage:


  
    

License

MIT