弹窗

本篇旨在帮助用户理解和使用大屏设计中的弹窗交互功能。弹窗是一种常见的交互方式，用于展示额外信息、引导用户操作或进行重要提示。

制作弹窗组

1. 在大屏设计器中添加组件 背景块、列表、icon。

   • 背景块： 用于弹窗的背景，遮挡主页面是用户的关注点集中在弹窗内容中。

   • 列表： 示例中弹窗展示的组件，可为任意组件。

   • icon： 示例中用来关闭弹窗，可为 通用标题、按钮组等具备点击事件的组件。

2. 将三个组件组合成弹窗组。

   • 弹窗组： 弹窗组需位于图层最上方，并将弹窗组设为隐藏状态。可通过鼠标在该组上右键选择置顶。

配置交互

1. 在大屏设计器中添加打开弹窗组件，可为 通用标题、按钮组等具备点击事件的组件。示例以 通用标题 为例。

2. 在节点编程中从左侧组件列表中找到 弹窗组、通用标题、icon 组件并拖到画布中。

3. 在节点编程画布中进行交互配置。

• 通用标题： 通用标题点击事件连接至 弹窗组 显示。

• icon： icon组件点击图标连接至 弹窗组 隐藏。

4. 点击 通用标题 与 弹窗组 之间的连线可在右侧面板配置弹窗显示动画。

效果预览

1. 在大屏发布/预览页面可点击 通用标题 组件弹出弹窗。

2. 在大屏发布/预览页面可点击 icon 可关闭弹窗。