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

• Issues