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