milkui-carousel
轮播图组件
Overview
Example
; 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