使用区块4.5+

大屏添加区块

在大屏设计器右侧区找到区块列表，拖拽区块添加至当前大屏使用。

右键菜单操作

• 区块右键： 大屏内选中区块右键。

  

  • 区块编辑器：

    • 大屏内新增区块：点击【区块编辑器】菜单直接进入区块编辑器。

    • 当大屏从资源广场创建，且已经包含区块组件：点击【区块编辑器】菜单，先提示创建区块，再进入区块编辑器。

    

  • 刷新区块：在不刷新整个页面的情况下，区块区域刷新。

  • 恢复默认尺寸：恢复区块原始尺寸。

• 组件右键： 大屏内多选组件右键。

  

  • 导出为区块：多选大屏上组件，导出为区块，默认发布。

示例展示

• 区块向大屏传值

  • 目标： 实现在大屏内部，区块组件内部数据和状态向大屏组件传递。

    1、使用按钮组切换大屏内组的轮播。

    2、点击饼图将扇区数据传递给大屏的数据卡片，并且数字大于30的显示红色，小于30显示蓝色。

  • 实现：

    1.1、新建区块，添加按钮组并设置相应数据，保存，发布；

    

    1.2、进入区块节点编程，新增区块【按钮组点击索引】事件，并且与按钮组、转换器相互关联

    

    1.3、新建大屏，拖拽使用区块，大屏内部新建轮播组，新建大屏变量池index变量，保存；

    

    1.4、进入大屏节点编程，通过区块的事件，经过转化器设置交互变量，保存，预览；

    

    2.1、区块内新增饼图，并设置数据，发布；

    

    2.2、进入区块节点编程，新增【饼图扇区点击】事件，关联饼图和区块事件；

    

    2.3、在大屏中，拖拽使用区块，大屏内部使用数字卡片并设置数据，保存；

    

    2.4、进入大屏节点编程，使用区块扇区点击事件，经过转换器导入数据和更新数字卡片样式，预览；

    

• 大屏向区块传值

  • 目标： 实现在大屏内部，大屏组件向区块组件传值。

    1、点击地图散点，传递省名称给区块的仪表盘组件，仪表盘根据省名称查询对应省的数量。

  • 实现：

    1.1、在区块内，添加仪表盘组件相应数据，设置变量池，交互绑定数据响应，保存，发布；

    

    1.2、进入区块节点编程，新增区块【更新province变量】动作，并新增转换器、设置变量且关联；

    

    1.3、在大屏中，拖拽使用区块，大屏内部使用中国地图组件；

    

    1.4、进入大屏节点编程，使用中国地图组件散点层，转换器，区块等节点，响应关联，预览；