按钮

1. 组件概述

按钮是一个交互组件，用于触发各种操作和事件。用户点击按钮后，可以执行调用工作流、提交表单、打开弹窗、变量赋值等动作。按钮是用户与页面交互的核心入口，几乎所有需要用户主动触发的操作都会用到它。

加载中...

查看 JSON

复制 JSON

2. 应用场景示例

• 场景一：触发 AI 工作流。用户在输入框填写问题后，点击”发送”按钮，在按钮的”点击”事件中添加”调用工作流”动作即可。建议开启”动作完成前禁用”，防止重复提交。
• 场景二：重置答题确认。在答题类应用中，用户点击”重新开始”按钮时需要二次确认。开启”二次确认”，设置确认内容为”确定要清空当前答案吗？“，避免误触导致进度丢失。

加载中...

查看 JSON

复制 JSON

3. 功能配置

基础

配置折叠组

配置项	说明
按钮文本	按钮上显示的文字。可以设置为静态文字或绑定变量。例如”发送”、“开始答题”、“生成结果”等。
二次确认	开启后，点击按钮会先弹出确认对话框，用户确认后才执行动作。适用于重置、清空等不可撤销的操作，防止误触。开启后可设置”确认内容”，即弹窗中显示的提示文字，支持绑定变量。
气泡提示	开启后，鼠标悬停在按钮上时显示提示信息。适用于需要解释按钮用途的场景。开启后可配置以下选项： - 正常提示：正常状态下的提示内容，不填则不弹出提示，支持绑定变量 - 禁用提示：禁用状态下的提示内容，不填则显示正常提示，支持绑定变量 - 触发方式：选择”鼠标悬浮”或”聚焦”来触发提示显示 - 提示位置：提示框出现的位置，可选上、右、下、左
角标	在按钮右上角显示小标记，如数字或小红点。适用于提示有新消息或待处理事项的场景。
动作完成前禁用	开启后，按钮触发的动作执行期间会自动禁用，防止用户重复点击。建议在调用工作流时开启，避免重复请求。

事件折叠组

配置项	说明
添加事件	支持”点击”、“鼠标移入”、“鼠标移出”三种触发事件。最常用的是”点击”事件配合”调用工作流”动作，用于触发 AI 处理。

设计

基本折叠组

配置项	说明
样式	按钮的视觉风格。可选：默认（灰色）、链接（无边框文字样式）、主色（蓝色，用于核心操作如”发送”）、淡色、深色、提示（蓝色信息提示）、成功（绿色）、警告（橙色）、严重（红色，用于重置或删除）、次要、加强。建议主操作用”主色”，危险操作用”严重”。
高亮样式	按钮处于激活状态时的样式。仅在设置了激活条件时生效，选项与”样式”相同。
块状显示	开启后按钮占满整行宽度。适用于页面底部的主操作按钮，使其更醒目。
尺寸	按钮大小，可选：极小、小、中、大。一般主操作按钮用”中”或”大”，辅助按钮用”小”或”极小”。

高级

状态折叠组

配置项	说明
可见	控制按钮是否显示。默认可见，可以绑定变量实现动态控制。
隐藏	控制按钮是否隐藏。与”可见”相反，可以绑定变量实现动态控制。