0.1.0 • Published 7 years ago
milk-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 start
Links
0.1.0
7 years ago