引用面板

引用面板可理解为iframe的变形。iframe嵌套外部url，展示跳转后的页面；引用面板支持嵌到多个EasyV平台内部大屏，在当前大屏展示。

引用面板跟动态面板实现的效果一样，但动态面板为在一个组件内创建多个大屏，通过状态进行切换大屏；而引用面板为一个组件引用项目的其他大屏进行展示，优点在于扩展性强，方便后期维护，编辑路径短。

注：引用面板引用的项目共享回调。

*引用面板效果演示

单击画布右侧工具栏中的动态面板，即可创建动态面板。鼠标或图层中选中动态面板，出现动态面板配置栏。

动态面板有以下几类配置项（与常规组件配置项类似）：

位置

动态面板所处位置，可通过拖拉拽的方式选择位置也可以通过x和y两个维度进行调整。

尺寸

动态面板尺寸，可在组件上直接调整尺寸也可以通过weight和hight两个维度进行调整。

默认隐藏

勾选之后在初始加载时组件默认隐藏且关闭回调触发，通常用来配合显隐控制，如【选项卡】组件进行显隐切换。

自动轮播

勾选后可实现面板内不同状态的自动轮播切换，可自定义轮播动画效果和轮播更新间隔时间。

引用列表

可在该列表中对需要引用的大屏进行增删。

「编辑引用项目」可直接进入引用的大屏进行大屏编辑。

1、每个引用面板最多支持添加5个状态。

2、每个大屏应用最多支持添加5个引用面板。

如我们在项目中已创建2张大屏，如下图中（首页和地图两个屏），可以通过新建一个大屏，创建引用面板，将已经制作完成的大屏引用过来（所引用大屏必须公开发布），并结合tab切换页快速搭建可视化应用。通过双击引用面板，可直接进入当前引用大屏的编辑页。

首先，在引用面板中设置需要引用的大屏。

以「选项卡」来控制页面切换为例，具体配置参数如下，动作选择为切换组件状态，并且选择对应状态即可。

类似的再添加事件2，不同点是切换组件状态设置为地图，对应条件设置为"s=2"。

事件类型	事件类型选择“鼠标点击”即通过鼠标点击不同选项来切换状态。
条件	条件即引用面板内状态发生改变的条件，在这里为配置的为“s=1”，即当s=1时对应引用面板内页面一，s=2对应引用面板内页面二，以此类推。
组件	即与选项卡交互的目标组件，当前示例选择引用面板。
动作	动作状态比较多，切换组件状态即通过选项卡来切换引用面板各个大屏。
状态	在动作中选择了切换组件状态，在此项配置选项卡一个选项对应的状态。

知识点引用面板和动态面板相比，优点是什么？

知识点被引用的大屏页面尺寸和引用面板的尺寸要一样吗？09:46

知识点被引用的大屏为什么必须发布？07:23

知识点自定义事件里的【隐藏卸载】有什么用？08:45

此处为语雀视频卡片，点击链接查看：引用面板-基础-压缩.mp4

知识点怎么做有“导航功能”的大屏首页？

知识点怎么做按钮悬停放大的交互效果？04:06

知识点怎么做透明的点击区域？09:01

此处为语雀视频卡片，点击链接查看：001-压缩.mp4

如遇其他使用问题，可扫描下方二维码，获取更多产品支持~