# 轮播图 [TOC] ## 1. 效果展示  ## 2. 添加轮播图 点击`“表单组件”`选择`“轮播图”`，即可添加轮播图  ## 3.数据 ### 3.1 静态数据 [查看专题](静态数据.md) 静态数据JSON格式： ``` [ { "src": "http://minio.jeecg.com/otatest/temp/0_1647504880335.png" }, { "src": "http://minio.jeecg.com/otatest/temp/1_1647504883878.png" }, { "src": "http://minio.jeecg.com/otatest/temp/2_1647504886551.png" } ] ``` ### 3.2 动态数据 * 动态数据中选择数据集后，可配置映射字段； 路径：图片地址  动态数据JSON格式： ``` [ { "name": "es", "pic": "https://jeecgos.oss-cn-beijing.aliyuncs.com/upload/test/333_1651140755238.png" }, { "name": "报表", "pic": "https://jeecgos.oss-cn-beijing.aliyuncs.com/upload/test/报表升级_1651140732936.png" }, { "name": "ddd", "pic": "http://minio.jeecg.com/otatest/temp/0_1647504880335.png" } ] ``` ### 3.3 数据过滤 获取返回数据中的字段，可根据条件过滤数据，如：`value>1` ``` return data.filter((item)=>{ return item.value> 1 }); ```  ### 3.4 定时刷新(单位:秒) 设置秒数，可实现自动刷新  ## 4.属性 轮播图设置  ### 4.1 是否自动切换 选择否时，轮播图片不会自动切换，需手动点击才会切换 ### 4.2 显示指示点 是否显示指示点  ### 4.3 指示点位置 指示点位置可设置顶部或底部  ## 5. 交互(暂无)