按钮

链接为文字超链接，按钮用于触发一个即时操作，两个组件主要属性以及事件基本相同。

概念说明

属性

组件通用属性请参见组件通用说明。

• 文本：显示的文本内容。
• 样式类型：支持定义按钮样式，包括主要按钮、次要按钮、普通按钮、危险操作按钮和次要危险操作按钮。
• 显示虚线边框：启用后，按钮边框变为虚线，默认关闭。
• 尺寸：按钮尺寸，支持设置巨大、大、中型、正常、小、迷你。
• 形状：支持定义按钮形状，包括默认、方形、圆角、圆形四种。
• 禁用：置灰显示，且禁止任何交互（焦点、点击、选择、输入等）。
• 展示方式：控制展示方式，支持行内展示、块级展示（宽度会充满父元素）两种方式。
• 图标：支持从图标库选择图标或上传自定义图标。
• 链接类型：支持页面跳转、下载链接。
• 链接地址：链接的详细地址。
• 链接打开方式：可选新窗口、父级窗口、当前窗口和顶级窗口，其中父级窗口和顶级窗口仅适用于iframe组件嵌套的情况，若不存在嵌套，则打开方式同当前窗口。

事件

支持的事件有点击、双击、右键点击、鼠标按下、鼠标释放、鼠标移入、鼠标移出、获得焦点时触发、失去焦点时触发、切换路由前、切换路由后。

样式

样式说明请参见组件通用说明。

示例图片

按钮组件常见的使用方式如下图所示：