图标框组件，与图标不同的地方是，他还包含了标题与内容描述，用一个组件就可以完成一般的排版工作。接下来看示例吧
1，如何插入设计组件
只需从左侧的组件控制面板【基础组件】中 ，选中组件后点击鼠标左键拽住并拖放到编辑面板处即可，如下图所示
为了易于理解及操作，下面的操作我们只说明常用的内容和样式设置，因为并不是每一个选项都是我们设计的时候需要用到的。
2，内容选项卡
2.1图标框-模块设置如下图，您可以看到有多个设置选项来控制标题组件的显示属性。
（1）选取图标类型：可选用“系统图标”或“自定义图片”
（2）选择图标：点击选择图标框的图标如下图
（3）视图类型: 默认图标，填充 ， 边框 三种属性，详情可见案例或视频操作
（4）图标标题：图标框的标题，如下图所示
（5）图标框描述： 填写图标框描述信息
（6）链接：设置点击图片后的跳转链接
不同视图类型对应的图标UI显示样式
图标类型选择“图片” 后，可以通过上传您自己设计的图片文件设计排版。如果你上传的图片是png格式并带透明背景的文件，点击“使用原图”即可开启透明背景图
3，样式选项卡
3.1图标框-模块设置, 样式设置调整图标颜色，对齐方向，边框圆角等。 请参考下图或观看视频操作。
3.2，内容-模块设置, 样式设置标题，描述 颜色，对齐方向，字体大小，间距等。 请参考下图或观看视频操作。
恭喜你已完成当前组件的学习，感谢阅读。
评论