摹客教程

摹客教程

摹客,让设计更快更简单

图标按钮组件

图标按钮是按钮的变种,它没有文字只由图标构成,用于向用户传达信息。

添加图标按钮

从组件面板的扩展组件中,拖出图标按钮。

图标按钮1.png

编辑组件内容

双击图标按钮可编辑图标,在左侧的图标面板中选择你想要的图标。

也可以在选中图标按钮的情况下,手动点击图标面板进行选择。

图标按钮2.png

设置属性

选中图标按钮,在右侧属性面板上,可以设置图标按钮的样式、大小等属性。

图标按钮3.png

重要属性

设置“扩展”属性可以对图标按钮的样式进行更进一步的定制。

其中,“显示告警”属性可以在图标按钮的右上角显示提示,如图所示:

图标按钮4.png

设置交互

拖动图标按钮的链接点,链接其它组件或页面,可以设置其交互效果。

图标按钮5.png

 

 

相关阅读:


MockplusMockplus,100万产品经理和设计师的选择
免费下载Mockplus,开始你的设计!