# 数据列表 [TOC] ## 1. 效果展示 ![](https://img.kancloud.cn/c8/06/c8068eceac3f61131244856aaa40ac9b_948x264.png) ## 2. 添加数据列表 点击`“数据列表”`选择`“数据列表”`,即可添加数据列表 ![](https://img.kancloud.cn/61/25/6125769d36839d1213bbb436e13c20aa_863x343.png) ## 3. 数据 ### 3.1 静态数据 ``` [ { "title": "通知一", "date": "2022-3-914:20:21" }, { "title": "通知二", "date": "2022-3-814:20:21" }, { "title": "通知三", "date": "2022-3-714:20:21" }, { "title": "通知四", "date": "2022-3-414:20:21" } ] ``` ### 3.2 动态数据 [查看专题](2.动态数据使用.md) * 动态数据集为`“数据集列表”` * 映射关系标示: ![](https://img.kancloud.cn/b8/83/b883a37a3e1379ff3e82b69528dceee2_1078x518.png) 返回JSON数据格式: ``` [ { "title": "5.1放假通知", "date": "2022-3-9 14:20:21", "remark":"假期注意事项", "pic":"http://minio.jeecg.com/otatest/jia_1651218043542.png", }, { "title": "总结会议即将开始", "date": "2022-3-8 14:20:21", "remark":"各部门做好准备", "pic":"", }, { "title": "项目评审", "date": "2022-3-7 14:20:21", "remark":"OA系统部分功能", "pic":"", }, { "title": "日常会议", "date": "2022-3-4 14:20:21", "remark":"OA系统部分功能", "pic":"", } ] ``` ## 4. 属性 ### 4.1列表设置 ![](https://img.kancloud.cn/ea/50/ea50863733e62917d953dddbb1c76b3a_1078x348.png) * 显示标题前缀:是否显示 ![](https://img.kancloud.cn/9d/b4/9db4c484456e10f56e5969dd1cf389e9_1109x375.png) * 显示时间前缀:是否显示 ![](https://img.kancloud.cn/f1/3b/f13b8f87b244d2dc36c2e91d29e89cbe_1078x372.png) * 标题字体大小:显示的标题字体大小 ![](https://img.kancloud.cn/96/46/9646964f821046ac596b3ea59156759b_1083x304.png) * 布局朝向:布局样式,可选横向、纵向 ![](https://img.kancloud.cn/99/7f/997fb03fb3e6767f0970d3cf6106290f_1079x561.png) ## 5. 交互 联动:[查看专题](6.4联动配置.md)