mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-05 21:49:09 +08:00
1.5 KiB
1.5 KiB
Carousel
轮播图
type
请设置成carousel
className
外层 Dom 的类名options
轮播面板数据,默认[]
,支持以下模式- 图片
image
图片链接imageClassName
图片类名title
图片标题titleClassName
图片标题类名description
图片描述descriptionClassName
图片描述类名
html
HTML 自定义,同Tpl一致
- 图片
itemSchema
自定义schema
来展示数据auto
是否自动轮播,默认true
interval
切换动画间隔,默认5s
duration
切换动画时长,默认0.5s
width
宽度,默认auto
height
高度,默认200px
controls
显示左右箭头、底部圆点索引,默认['dots', 'arrows']
controlsTheme
左右箭头、底部圆点索引颜色,默认light
,另有dark
模式animation
切换动画效果,默认fade
,另有slide
模式
{
"type": "carousel",
"controlTheme": "light",
"height": "300",
"animation": "slide",
"options": [
{
"image": "https://internal-amis-res.cdn.bcebos.com/images/2019-12/1577157239810/da6376bf988c.png"
},
{
"html": "<div style=\"width: 100%; height: 300px; background: #e3e3e3; text-align: center; line-height: 300px;\">carousel data</div>"
},
{
"image": "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3893101144,2877209892&fm=23&gp=0.jpg"
}
]
}