信息列表组件，它用于展示站点的文章，产品案例列表，更好的传播站点信息数据。简单容易操作和访客有较好的互动性。如果您的站点没有“文章”或“产品案例”的数据您应该先录入站点的”文章”或”产品案例”数据。此组件为大组件设置项目较多。但更多时候您只需要掌握过滤数据查询信息即可。
相关链接：
1，如何插入设计组件
只需从左侧的组件控制面板【文章产品列表】中 ，选中信息列表组件后点击鼠标左键拽住并拖放到编辑面板处即可，如下图所示
了易于理解及操作，下面的操作我们只说明常用的内容和样式设置，因为并不是每一个选项都是我们设计的时候需要用到的。
2，内容选项卡
2.1，布局 -内容模块，请参考下图设置或相关操作视频
（1）显示列数：组件的展示信息表格的列数，可设置2，3，4，5列，如下图设置4列。此选项支持（pc，iPad，手机不同客户端的设置）
（2）每显示信息数：每页展示的数据数量 ，如下图设置的是展示8个数据
（3）显示样式：可选“日期样式”，“显示图片”，“标题列表” 3种样式
（4）图片尺寸 ：可选图片尺寸大小如 “超小图”，“小图”，“中图”，“大图”，““超大图””。
（5）显示内容摘要：加载文章的内容或简介，参考下图
（6）在浏览器同一窗口打开链接：开启后点击项目在原窗口打开链接，关闭时会在浏览器新建一个窗口弹出项目页。
（7）阅读更多：开启显示阅读更多的标签。
（8）阅读更多文本：选择“显示更多”按钮标签显示如下。
设置布局 显示样式为：“日期样式” ，列数为:”1列”，如下图所示
设置布局 显示样式为：“显示图片” ，列数为:”2列”，， 图片尺寸：“中图” ，如下图所示
设置布局 显示样式为：“标题列表” ，列数为:”2列”，开启显示日期，如下图所示
2.2，数据查询 -内容模块，请参考下图设置或相关操作视频
（1）数据来源：可设置“文章”或“产品案例” ，用于筛选显示站点的数据信息。具体参考下图设置。
（2）分类目录：“文章”或“产品案例”的分类目录，参考下图对应的蓝色参考线
（3）标签：“文章的标签，参考下图对应的绿色参考线
（4）排序：可根据“日期”，“标题”，“优先级顺序”，“随机排序”
（5）顺序/倒序：可设置文章排序“顺序”或“倒序”显示
下图展示的是数据来源为“产品案例”的设置效果，产品案例多用于展示站点的业务以及案例，人物信息等。更多用于向访客展示站点的业务信息，引起访客注意并主动与站点客服联系询问业务。
2.3，页码-内容模块， 此处可设置是否开启页码功能，及页码对齐方向 请参考下图设置或相关操作视频
3，样式选项卡
3.1，列表项目-样式模块，此处可设置项目间距，背景颜色，边框样式颜色等。具体请参考下图设置或视频操作。
设置背景颜色红色 ，边框在未选择颜色的时是透明的不显示， 参考如下图：
设置边框颜色为红色 ，背景设置为白色或透明色， 参考如下图：
3.2，内容-样式模块 ， 此处可设置标题，内容颜色，及对齐方向等。具体请参考下图设置或视频操作。
3.3，页码-样式模块 ， 此处可设置页码的颜色，背景色等。具体请参考下图设置或视频操作。
恭喜你已完成当前组件的学习，感谢阅读。
评论