mirror of
https://github.com/alibaba/lowcode-engine.git
synced 2026-01-15 18:58:11 +00:00
1.5 KiB
1.5 KiB
category, type, title, subtitle
| category | type | title | subtitle |
|---|---|---|---|
| Components | 数据展示 | Carousel | 走马灯 |
旋转木马,一组轮播的区域。
何时使用
- 当有一组平级的内容。
- 当内容空间不足时,可以用走马灯的形式进行收纳,进行轮播展现。
- 常用于一组图片或卡片轮播。
API
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| afterChange | 切换面板的回调 | function(current) | 无 | |
| autoplay | 是否自动切换 | boolean | false | |
| beforeChange | 切换面板的回调 | function(from, to) | 无 | |
| dotPosition | 面板指示点位置,可选 top bottom left right |
string | bottom | |
| dots | 是否显示面板指示点,如果为 object 则同时可以指定 dotsClass 或者 |
boolean | { className?:string } | true | |
| easing | 动画效果 | string | linear | |
| effect | 动画效果函数,可取 scrollx, fade | string | scrollx |
方法
| 名称 | 描述 |
|---|---|
| goTo(slideNumber, dontAnimate) | 切换到指定面板, dontAnimate = true 时,不使用动画 |
| next() | 切换到下一面板 |
| prev() | 切换到上一面板 |
更多 API 可参考:https://react-slick.neostack.com/docs/api