0.1.0 • Published 8 years ago
milkui-carousel v0.1.0
milkui-carousel
轮播图组件
Overview
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 startLinks
0.1.0
8 years ago