cuk5239

vue 自定义轮播组件_针对Vue优化的可自定义轮播滑块

vue 自定义轮播组件

胡珀 (Hooper)

Vue.js carousal component, optimized to work with Vue.

Vue.js旋转组件，经过优化可与Vue一起使用。

View Demo 查看演示 Download Source 下载源

First step is to install it using yarn or npm:

第一步是使用yarn或npm安装它：

npm install hooper

# or use yarn
yarn add hooper

Prop	Default	Description
`itemsToShow`	1	count of items to showed per view (can be a fraction).
`itemsToSlide`	1	count of items to slide when use navigation buttons
`infiniteScroll`	false	enable infinite scrolling mode.
`centerMode`	false	enable center mode
`vertical`	false	enable vertical sliding mode
`rtl`	false	enable rtl mode
`mouseDrag`	true	toggle mouse dragging
`touchDrag`	true	toggle touch dragging
`wheelControl`	false	toggle mouse wheel sliding
`keysControl`	false	toggle keyboard control
`shortDrag`	true	enable any move to commit a slide
`autoPlay`	false	enable auto sliding to carousal
`playSpeed`	3000	speed of auto play to trigger slide in ms
`transition`	300	sliding transition time in ms
`sync`	''	sync two carousels to slide together
`settings`	{ }	an object to pass all settings