按钮

适用场景

用于点击触发特定事件，如信息提交、页面跳转等。

组件能力及示例

• 支持配置按钮的文字、颜色、类型、尺寸、图标等；
• 支持设置图标及图标文字的对齐方式；
• 支持配置onClick（单击）、onMouseEnter（鼠标移入）等事件，实现信息提交、页面跳转等。
  

示例配置方法

1、提交表单数据

场景：提交form表单中的数据。
步骤：

1. 给页面拖拽表单容器，并往表单容器中拖拽表单组件；

2. 给提交按钮配置【onClick-提交数据】事件；

3. 到任务映射处，给事件配置服务及对应的输入参数；

   

组件属性及样式

属性/样式	说明
标签文字	设置按钮上的文字
提示文字	设置鼠标悬停时，按钮上的提示文字
是否禁用	控制组件是否禁用
是否可见	控制组件是否可见
表单无效时禁用	表单内必填字段未输入或字段输入无效时，禁用组件
提交成功时重置表单	如果按钮在表单容器内，点击按钮提交表单成功后，重置表单内的输入内容
类型	设置按钮的类型
背景颜色	设置按钮的颜色
文字大小	设置按钮上的文字大小
边框圆角大小	设置按钮的圆角大小
阴影	设置按钮上的阴影大小
按钮图标	设置按钮上的图标
位置	设置图标位置
对齐方式	设置按钮上的图标和文字的对齐方式

组件事件

事件	说明
onClick	鼠标单击时触发
onMouseEnter	鼠标移入时触发