# 輪播圖 [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. 交互(暫無)