## Swiper组件
轮播图

### Import
```js
import { Swiper, SwiperItem } from 'bxs-ui-vue';
```

### Example
```html
<bxs-swiper>
  <bxs-swiper-item>第一项</bxs-swiper-item>
  <bxs-swiper-item>第二项</bxs-swiper-item>
  <bxs-swiper-item>第三项</bxs-swiper-item>
</bxs-swiper>
```
```js
components: {
  [Swiper.name]: Swiper,
  [SwiperItem.name]: SwiperItem
}
```

### Attributes
| 参数| 说明 | 类型 | 默认值 |
| --- | --- | --- |  --- |
| speed | 可选,自动轮播间隔事件,autoplay为true时生效 | Number |  5000 |
| transitionSpeed | 可选,轮播滚动动画时间 | Number |  300 |
| loop | 可选,是否循环滚动 | Boolean |  true |
| autoplay | 可选,是否自动轮播 | Boolean |  true |
| pagination | 可选,是否展示指示器/分页器 | Boolean |  true |
| paginationLimit | 可选,页数大于当前值时,才展示分页器 | Number |  1 |
| paginationClass | 可选,覆盖指示器/分页器样式 | String |  null |
| angle | 可选,滑动角度小于该值,才能正常滑动 | Number |  45 |
| duration | 可选,滑动结束后,时间小于{duration}毫秒并且距离大于{distance},即判定为滑动到上一个/下一个 | Number |  300 |
| distance | 可选,滑动结束后,时间小于{duration}毫秒并且距离大于{distance},即判定为滑动到上一个/下一个 | Number |  30 |
| bounce | 可选,是否开启回弹,仅在loop为false时生效 | Boolean |  true |

### Slot
| 参数 | 说明 |
| --- | --- |
| — | 默认slot |

### Event
| 事件名称 | 说明 | 回调参数 |
| --- | --- | --- |
| touch-start | 可选,轮播touchStart回调事件 | event对象 |
| touch-move | 可选,轮播touchMove回调事件 |  event对象 |
| touch-end | 可选,轮播touchEnd回调事件 |  event对象 |
| slide | 可选,轮播滑动回调事件 | index |
| slide-prev | 可选,轮播右滑/上一个回调事件 | index |
| slide-next | 可选,轮播左滑/下一个回调事件 |  index |
| transition-end | 可选,轮播动画结束回调事件 | event对象 |
