# 最新动态 [TOC] ## 1. 效果展示 ![](https://img.kancloud.cn/18/2d/182d980e9ebfdfffdad38453768d4838_923x291.png) ## 2. 添加最新动态 点击`“表单组件”`选择`“最新动态”`,即可添加最新动态 ![](https://img.kancloud.cn/d1/11/d1112dc21105b2ee6395c82e7ea58de8_850x380.png) ## 3. 数据 ### 3.1 静态数据 * 使用静态数据时,可直接在静态数据输入框中,输入JSON icon图标使用:[查看专题](制作图标库.md) ![](https://img.kancloud.cn/24/0f/240f24c6b727feb5c7331564fea30b44_1077x559.png) * JSON数据格式: ``` [ { "date": "刚刚", "name": "威廉", "avatar": "https://jeecgdev.oss-cn-beijing.aliyuncs.com/upload/test/320222_1646724689691.jpg", "desc": "在<a>开源组</a>创建了项目<a>Vue</a>" }, { "date": "1个小时前", "name": "艾文", "avatar": "https://jeecgdev.oss-cn-beijing.aliyuncs.com/upload/test/320305_1646724680756.jpg", "desc": "关注了<a>威廉</a>" }, { "date": "1天前", "name": "克里斯", "avatar": "https://jeecgdev.oss-cn-beijing.aliyuncs.com/upload/test/299258_1646724675255.jpg", "desc": "发布了<a>个人动态</a>" }, { "date": "2天前", "name": "Jeecg", "avatar": "https://jeecgdev.oss-cn-beijing.aliyuncs.com/upload/test/2.4jeecg_1621512120602.png", "desc": "发表文章<a>如何编写一个Vite插件</a>" } ] ``` ### 3.2 动态数据 [查看专题](2.动态数据使用.md) * API数据集返回JSON格式:同静态数据格式 * 定时刷新(单位:秒) 配置秒数时,接口数据修改后,可自动刷新数据 ![](https://img.kancloud.cn/9d/b4/9db47fd237b9dc155ac27a00239b48df_239x97.png) ## 4. 属性(暂无) ## 5. 交互 联动:[查看专题](6.4联动配置.md)