Pages
按钮：Overlay（覆盖按钮）
描述
Overlay 按钮用于在当前页面上方打开一个浮动窗口（覆盖层），而不是全屏显示。
与弹出窗口不同，覆盖窗口在屏幕上的精确位置显示，非常适用于上下文相关的信息面板或工具类内容。
使用场景
此按钮非常适合以下用途：
- 在实时仪表板旁边查看 报警历史
- 在组件旁显示 日志记录器
- 在边栏中打开另一个页面的详细信息
- 添加动态侧边栏，如 “设备详情” 或 “传感器日志”
- 在输入控件旁显示简要说明面板
- 显示比较视图而不离开当前上下文
使用方式
Overlay 的行为由以下三个关键设置定义：
1. 导航目标（Navigation）
你可以选择：
- 一个 页面（已上传或创建）
- 一个 系统组件：
- 报警（Alarms）
- 报警历史（Alarms History）
- 报警总览（Alarms Overview）
- 日志记录器（Logger）
内容将在浮动容器中显示，而非全屏切换。
2. 位置设置（Position）（必须填写）
你必须定义覆盖窗口的出现位置，使用以下格式：
该语法控制：
- 水平锚点（start、center、end）
- 垂直锚点（top、center、bottom）
- 相对于屏幕边缘或按钮本身的对齐方式
示例：
- [code_block_0] → 左上角
- [code_block_1] → 右下角
- [code_block_2] → 正中央居中显示
3. 标签（Label）
定义按钮上显示的文字内容。
可以结合图标或样式文本提升用户界面体验。
总结
Overlay 按钮是添加非阻塞性、浮动窗口的理想工具 —
适用于并排显示、动态交互或分层信息展示。
- 不切换页面
- 不覆盖全屏
- 只显示精准定位的内容窗口