milk-carousel

0.1.0 • Public • Published

milkui-carousel

轮播图组件

Overview

image

Example

import Carousel from 'milkui-carousel';
 
const { Slide } = Carousel;
 
<Carousel autoPlay>
  <Slide>Slide1</Slide>
  <Slide>Slide2</Slide>
  <Slide>Slide3</Slide>
  <Slide>Slide4</Slide>
</Carousel>

Properties

Property Type Description Default
className String 自定义的 class 类名 ''
initialIndex Number 设置初始显示的索引 0
autoPlayInterval Number 自动播放间隔 3000
threshold Number 拉了多少会成功拉出下一张图 0.5
showDots Boolean 显示面板展示点 true
autoPlay Boolean 自动切换 false
infinite Boolean 循环播放 true
responsive Boolean 是否监听 window.resize 事件 false
beforeSlide Function 切换面板前的回调函数,参数 (from: Number, to: Number)
afterSlide Function 切换面板后的回调函数,参数 (current: Number)

Develop

cnpm i milk-dev -g    # dev tool 
 
cnpm install
 
npm start

Links

Package Sidebar

Install

npm i milk-carousel

Weekly Downloads

1

Version

0.1.0

License

MIT

Last publish

Collaborators

  • caiyongmin