提示
1. 组件概述
Section titled “1. 组件概述”提示是一个内容展示组件,用于在页面中显示重要的提示信息。它支持四种不同的类型:提示(蓝色)、成功(绿色)、警告(黄色)和严重(红色),通过不同的颜色和图标帮助用户快速识别信息的重要程度。提示组件适用于需要引起用户注意的场景,如操作成功反馈、注意事项说明、错误警告等。
加载中...
查看 JSON
复制 JSON
2. 应用场景示例
Section titled “2. 应用场景示例”- 场景一:AI 生成结果提示。在 AI 写作助手应用中,当用户提交内容让 AI 优化后,使用”成功”类型的提示组件显示”内容已优化完成,请查看下方结果”,让用户明确知道操作已完成。
- 场景二:答题注意事项。在知识问答类应用中,在题目上方放置”警告”类型的提示组件,显示”本题为单选题,提交后不可修改”,提醒用户注意答题规则。
加载中...
查看 JSON
复制 JSON
3. 功能配置
Section titled “3. 功能配置”| 配置项 | 说明 |
|---|---|
| 类型 | 提示框的视觉风格,决定了背景颜色和默认图标。可选:提示(蓝色,用于一般性说明)、成功(绿色,用于操作成功反馈)、警告(黄色,用于需要注意的事项)、严重(红色,用于错误或危险警告)。 |
| 标题 | 提示框的标题文字,显示在内容区域上方,用于概括提示的主题。如果不需要标题,可以留空。 |
| 可关闭 | 开启后,提示框右上角会显示关闭按钮,用户点击后可以关闭该提示。适用于一次性提示或用户确认后可隐藏的场景。 |
| 图标 | 开启后,提示框左侧会显示与类型对应的图标(如提示类型显示感叹号图标)。图标可以帮助用户更快识别提示的类型。 |
| 配置项 | 说明 |
|---|---|
| 可见 | 控制提示组件是否显示。默认可见。可以绑定变量,实现根据条件动态显示提示。例如,当用户操作出错时才显示错误提示。 |
| 隐藏 | 控制提示组件是否隐藏。与”可见”相反。 |