# business-carousel

### 说明

纯原生轮播图插件, 包括渐变、滚动轮播, 以及其它的可配置项.

### 演示

{% embed url="<https://codesandbox.io/s/businesscarousel-rmgbo>" %}

### 源码

<https://github.com/ddzy/ts-utility-plugins/tree/master/src/ddzy/business/carousel>

### 配置

| Name         | Type                                                                                 | Description                | Required |
| ------------ | ------------------------------------------------------------------------------------ | -------------------------- | -------- |
| container    | string                                                                               | 挂载到的 DOM 容器                | false    |
| dataSource   | <p>Array<{</p><p>  text: string, img: { url: string, target: string, },</p><p>}></p> | 数据源                        | false    |
| autoPlay     | boolean                                                                              | 是否自动播放                     | false    |
| showDots     | boolean                                                                              | 是否显示指示点                    | false    |
| showArrows   | boolean                                                                              | 是否显示箭头                     | false    |
| easing       | string                                                                               | 过渡动画曲线                     | false    |
| effect       | string                                                                               | 采用何种轮播("scroll" \| "fade") | false    |
| vertical     | boolean                                                                              | 是否为垂直方向                    | false    |
| duringTime   | number                                                                               | 过渡动画持续时间                   | false    |
| delayTime    | number                                                                               | 过渡延迟时间                     | false    |
| isHoverPause | boolean                                                                              | 鼠标悬停是否暂停轮播                 | false    |
| beforeChange | () => void                                                                           | \*                         | false    |
| afterChange  | () => void                                                                           | \*                         | false    |