# svelma-pro
跑马灯

# Carousel

## 跑马灯

Codesandbox

    <script>
      import { Carousel } from 'svelma-pro'

      let options = [
      'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fp1-q.mafengwo.net%2Fs7%2FM00%2F25%2FE2%2FwKgB6lPh4UeARKPpAABh4pruLDc72.jpeg%3FimageMogr2%252Fthumbnail%252F%21310x207r%252Fgravity%252FCenter%252Fcrop%252F%21310x207%252Fquality%252F90&refer=http%3A%2F%2Fp1-q.mafengwo.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1619590857&t=b671b501bd1087f3b91aa7d548f6ea0e',
        'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fp1-q.mafengwo.net%2Fs7%2FM00%2F25%2FE2%2FwKgB6lPh4UeARKPpAABh4pruLDc72.jpeg%3FimageMogr2%252Fthumbnail%252F%21310x207r%252Fgravity%252FCenter%252Fcrop%252F%21310x207%252Fquality%252F90&refer=http%3A%2F%2Fp1-q.mafengwo.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1619590857&t=b671b501bd1087f3b91aa7d548f6ea0e',
        'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fp1-q.mafengwo.net%2Fs7%2FM00%2F25%2FE2%2FwKgB6lPh4UeARKPpAABh4pruLDc72.jpeg%3FimageMogr2%252Fthumbnail%252F%21310x207r%252Fgravity%252FCenter%252Fcrop%252F%21310x207%252Fquality%252F90&refer=http%3A%2F%2Fp1-q.mafengwo.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1619590857&t=b671b501bd1087f3b91aa7d548f6ea0e',
        'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fp1-q.mafengwo.net%2Fs7%2FM00%2F25%2FE2%2FwKgB6lPh4UeARKPpAABh4pruLDc72.jpeg%3FimageMogr2%252Fthumbnail%252F%21310x207r%252Fgravity%252FCenter%252Fcrop%252F%21310x207%252Fquality%252F90&refer=http%3A%2F%2Fp1-q.mafengwo.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1619590857&t=b671b501bd1087f3b91aa7d548f6ea0e'
      ];
      </script>

      <Carousel options={options} />

## API

Name | Description | Type | Values | Default
--- | --- | --- | --- | ---
`options` | 图片列表(url路径数组) | Array | — | ``
`pagination` | 底部指示器 | Boolean | — | `true`
`navigation` | 左右导航按钮 | Boolean | — | `true`
`autoplay` | 自动播放 | Boolean | — | `false`
`delay` | 自动播放时长 | Number | — | `3000`
`direction` | 方向 | String | horizontal,vertical | `horizontal`
`loop` | 循环 | Boolean | — | `true`
`disableOnInteraction` | 滑动禁止自动播放 | Boolean | — | `true`
`effect` | 切换特效 | String | slide,fade,cube,coverflow,flip | `slide`