# 項目列表 [TOC] ## 1. 效果展示  ## 2. 添加項目列表 點擊`“表單組件”`選擇`“項目列表”`，即可添加項目列表  ## 3. 數據 ### 3.1 靜態數據 * 使用靜態數據時，可直接在靜態數據輸入框中，輸入JSON icon圖標使用：[查看專題](制作圖標庫.md) href：配置相對路徑可跳轉系統內部地址，如：`/dashboard/analysis` 配置http/https可跳轉外部路徑，如：`http://jeecg.com`  * JSON數據格式： ``` [ { "title": "Github", "icon": "icon-jeecg-social-github", "color": "", "desc": "不要等待機會，而要創造機會。", "group": "開源組", "date": "2021-04-01", "href": "http://jeecg.com" }, { "title": "Vue", "icon": "icon-jeecg-social-buysellads", "color": "#3fb27f", "desc": "現在的你決定將來的你。", "group": "算法組", "date": "2021-04-01", "href": "/system/user" }, { "title": "Html5", "icon": "icon-jeecg-html5", "color": "#e18525", "desc": "沒有什么才能比努力更重要。", "group": "上班摸魚", "date": "2021-04-01" }, { "title": "Angular", "icon": "icon-jeecg-social-product-hunt", "color": "#bf0c2c", "desc": "熱情和欲望可以突破一切難關。", "group": "UI", "date": "2021-04-01" }, { "title": "React", "icon": "icon-jeecg-social-skype", "color": "#00d8ff", "desc": "健康的身體是實目標的基石。", "group": "技術牛", "date": "2021-04-01" }, { "title": "Js", "icon": "icon-jeecg-social-pengyou", "color": "#4daf1bc9", "desc": "路是走出來的，而不是空想出來的。", "group": "架構組", "date": "2021-04-01" } ] ``` ### 3.2 動態數據 [查看專題](2.動態數據使用.md) * API數據集返回JSON格式：同靜態數據格式 * 定時刷新(單位:秒) 配置秒數時，接口數據修改后，可自動刷新數據  ## 4. 屬性 ### 4.1 內容設置 * 列數：每列顯示的個數  * 圖表大小：設置圖表大小 * 圖標庫：[查看專題](制作圖標庫.md) ### 4.2 卡片設置 [查看專題](1.1卡片.md) ## 5. 交互 聯動：[查看專題](6.4聯動配置.md)