图文列表组件它也可以成为属性列表，主要应用于横向或纵向显示图文列表。它是我们较常使用到的设计组件，在日常排版中，我们经常使用它罗列产品属性，或业务属性，产品优势，品牌优势等，它还可以充当导航条的角色，开启按钮标签，引导访客点击标签项目。
1，如何插入设计组件
只需从左侧的组件控制面板【基础组件】中 ，选中组件后点击鼠标左键拽住并拖放到编辑面板处即可，如下图所示
为了易于理解及操作，下面的操作我们只说明常用的内容和样式设置，因为并不是每一个选项都是我们设计的时候需要用到的。
2，内容选项卡
2.1 图标列表-模块设置如下图，您可以看到有多个设置选项来控制标题组件的显示属性。
点击蓝色“新增项目” 按钮 ，添加列表数据
（1）文本：填写项目名称 ，如下图所示
（2）图标：选中列表头的图标
（3）链接：给列表项目设置跳转的链接页面，或联系方式（QQ，电话，邮箱，短信等）
2.2， 高级选项-模块设置如下图。
（1）布局样式：此处你可以选则项目是用“横向排列”还是“纵向排列”
（2）添加阅读更多标签：开启后列表结尾可以多出“MORE>”的标签按钮，点击可以跳转到你设置的链接页面 ， 当前选项仅在横向排列可选。
（3）文本内容：可选标签的样式 “MORE+”,”阅读更多”，“更多>”等。脑补下用可选你的标签“名称”，替换下图的“MORE>”。
（4）使用按钮标签样式：将使用按钮标签形式替换原来的文本。如下图所示
当布局样式选择横向排列的时候参考下图， 横向排列还可以开启按钮标签样式。
3，样式选项卡
样式选项卡设置如下图，您可以看到有多个设置选项来控制标题组件的显示属性。
3.1，列表-样式模块 具体设置参考下图，红色区域是开启分割线后的效果，下图分布罗列除了横向列表和纵向列表分割线的的展示样式
3.2，图标-样式模块 设置如下图，你可以在这个区域调整图标“颜色，尺寸，文本间距”等
3.3，文本-样式模块 设置如下图，你可以在这个区域调整图标“颜色，鼠标悬停效果，文本间距”等
恭喜你已完成当前组件的学习，感谢阅读。
评论