如何配置页面交互

易知微创新技术团队

| 2024-09-13 15:27 100 0 0

最近有许多用户都来询问，如何在一个页面中实现两个界面的交互，这个需求在许多场景中都有体现，例如⬇️

本篇为详细的流程文档，带你3分钟学会如何配置。可以选择引用面板（引用其他已经做好的整张页面），或者也可以选择动态面板（局部的展示界面切换），看你需求啦～

一、引用面板交互

1.1 引用面板配置

添加【引用面板】组件，引用所需要的另外两个页面。

ps：要注意引用的原面板的大小是否和本页面的大小相匹配，不然可能会造成展示不完全或者出现黑边的情况哦！

1.2 选项卡配置

在【选项卡】-样式中，配置好布局（因为这个案例中就两个页面，因此选项卡也只配置2个选项）

配置好要显示的数据。

配置两个交互事件。

事件1：

事件类型：鼠标点击

条件s=1（当点击选项卡第一个时）

动作：切换组件状态，状态选择“设备资产管理看板”

事件2：

事件类型：鼠标点击

条件s=2（当点击选项卡第二个时）

动作：切换组件状态，状态选择“运营数据分析”

1.3 预览效果

二、动态面板交互

2.1 动态面板配置

2.2 选项卡配置

配置同1.2

2.3 预览效果

交互配置 视角交互配置 易知微产品教程 如何配置页面交互 页面交互

赞同 0

: 微信

: 链接

全部 0条评论

易知微创新技术团队

135

文章

1.08K

人气

粉丝

关注

关注我们

扫码获取

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