跳到主要内容

详情弹框

点击文字即可弹出另一块大屏，支持全屏/自适应，ESC一键退出。

一、效果速览​

二、配置步骤​

1.添加文本组件​

2.美化文本​

随意调整文字颜色、字号等，让它看起来像“可点入口”。

3.设置弹框​

3.1 窗口尺寸​

  • 全屏：弹窗将以全屏方式打开，此示例选中全屏模式
  • 适合大小：弹框窗口根据内容自适应尺寸

3.2 选择弹出组合​

  • 弹窗组件：选择步骤4 建好的 组合（如“详情弹框”）

3.3 背景图设置​

  • 背景图路径：可自定义上传弹框组件的背景图，例如：images/背景_1762762113858j.png
  • 拉伸方式：可选择拉伸铺满、等比裁切、等比包含和原始尺寸；对上传的背景图设置拉伸方式
  • 平铺模式：可选择不平铺、平铺、水平平铺和垂直；背景图不会重复显示
  • 对齐方式：居中，背景图在弹窗中居中对齐；

3.4 背景色设置​

注：当设置了3.3 背景图时，背景颜色不再展示

  • 内容区域背景色：设置弹框内容区域背景颜色，如：#363636
  • 标题区域背景色：设置弹框标题区域背景颜色，如：#1F1F1F

4.设置组合​

4.1 添加弹中所需要的组件​

图表、表格、视频、地图……等等 想放啥放啥！

示例：表单(查询组件) + 轮播表 表单与图表联动查询示例

4.2 将组件设置为组合​

  • 框选需要归属到弹框的所有图表 → 右键「组合」

  • 重命名组合，如 详情弹框

4.3 文本关联组合（核心一步）​

选中文本 → 弹框设置 → 组合选择 详情弹框

5.修改组合​

顶部切换「组合模式」→ 选中组合即可增删组件或拖拽组件位置

修改组件样式/数据需回到“全屏模式”，双击组件后在右侧面板编辑