信息展位组件，它用于展示站点的文章，产品案例列表，更好的传播站点信息数据。简单容易操作和访客有较好的互动性。如果您的站点没有“文章”或“产品案例”的数据您应该先录入站点的”文章”或”产品案例”数据。此组件为大组件设置项目较多。但更多时候您只需要掌握过滤数据查询信息即可。
相关链接：
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）阅读更多：开启显示阅读更多的标签
（9）阅读更多文本：选择“显示更多”按钮标签显示如下
（10）摘要显示长度: 显示的文章内容简介的长度， 可选20，60，80长度。
（11）显示价格：如果您的数据源选择的是“产品案例”，并且您在对应的“产品案例” 中设置了价格，在开启选项卡后，会显示项目的价格与划线价
（12）开启作者的头像,显示如下，此选项非必要设置，如您无使用场景可忽略此项设置
此处显示的头像属于文章作者的头像您可以在文章列表或产品案例中更换作者来达到分配头像的目的，参考下图设置可修改文章的所示作者
在会员管理处 可创建多个会员的用户账户，并设置相应的会员头像，参考如下，
2.2，数据查询 -内容模块，请参考下图设置或相关操作视频
（1）数据来源：可设置“文章”或“产品案例” ，用于筛选显示站点的数据信息。具体参考下图设置。
（2）分类目录：“文章”或“产品案例”的分类目录，参考下图对应的蓝色参考线
（3）分类目录：“文章的标签，参考下图对应的绿色参考线
下图展示的是数据来源为“产品案例”的设置效果，产品案例多用于展示站点的业务以及案例，人物信息等。更多用于向访客展示站点的业务信息，引起访客注意并主动与站点客服联系询问业务。
2.3，页码-内容模块， 此处可设置是否开启页码功能，及页码对齐方向 请参考下图设置或相关操作视频
3，样式选项卡
3.1，列表项目-样式模块，此处可设置项目高度，图片布局等。具体请参考下图设置或视频操作。
（1）图片布局：“平铺” -100%填满图片展示区域， “包含”-根据图片实际尺寸比例展示图片 ， “自适应”-强制调整图片尺寸适应图片展示区域。
（2）图片高度：可设置图片展示区域的高度
（3）项目间距：设置项目列表之间的间距
（4）项目高度：可设置项目内容高度
（5）背景样式：内容区域的背景颜色
（6）边框颜色：数据项目边框的颜色
（7）边框宽度：数据项目边框的宽度
（8）鼠标悬停特效：可设置“放大”或“缩小”，与访客有较好的互动性
列表项目设置 ，图片布局设置为“包含” ， 背景蓝色，边框加粗黑色，示例如下图。
3.2，内容-样式模块 ， 此处可设置标题，内容颜色，及对齐方向等。具体请参考下图设置或视频操作。
3.3，页码-样式模块 ， 此处可设置页码的颜色，背景色等。具体请参考下图设置或视频操作。
恭喜你已完成当前组件的学习，感谢阅读。
评论