如何制作弹窗？

易知微创新技术团队

| 2024-09-26 14:59 52 0 0

本文以模板中的这个效果为例。‍

1、使用【选项卡】，配置好需要点击的按钮。

首先在选项卡-样式-全局中配置好“网格布局”，因为总共有5个按钮，所以这里配置了5列。

如何让按钮对应上背景特定的位置呢？在样式-系列-数据系列中可以调整每个按钮（单个按钮对应单个系列）整体偏移的位置。

文字底下的小图标也可以在背景中上传自定义图片。

2、进入【动态面板】配置弹窗

首先在动态面板中增加6个状态（包含空状态），其次上传需要展示的界面，包含背景、装饰、视频（动画效果）、文字等。调整对应需要展示的位置。

然后将装饰的分组选择“默认隐藏”（此处将icon、视频、装饰分组分开的原因是为了后续的展示效果有递进渐出的效果）

3、给【选项卡】配置自定义事件

退出动态面板，在选项卡-交互-自定义事件中配置5个事件（对应5个弹窗），每个事件中都包含3个动作和1个条件。

事件类型选择“状态改变”，条件为s=1（这里为事件1的条件，事件2的条件对应s=2，以此类推），然后开启“自动模式”。

三个动作配置如下，其他事件同理（记住要对应到各自的动态面板页面哦）

最后无背景的效果图如下⬇️

URL弹窗实操教程 点击地图散点跳出弹窗 如何制作弹窗 配置自定义事件 【动态面板】配置弹窗

赞同 0

135

文章

1.08K

人气

粉丝

关注

扫码获取

更多数字孪生可视化干货内容