实现定点彩蛋

本文以定时器逻辑节点为主要节点,实现单张图片组件的定时彩蛋展示效果。

效果展示

cai_Trim.gif

操作步骤

  1. 登录DataV控制台

  2. 选择任一数据看板,单击编辑,进入画布编辑器页面。

  3. 添加3通用标题组件和1单张图片组件到画布中。

  4. 单击单张图片组件,选择配置面板,修改背景图为事先准备的彩蛋动图。image.png

  5. 单击任一通用标题组件,选择配置面板,修改标题名为需要设置的数字,例如:3。并将组件名称修改为3。重复操作设置其他两个通用标题组件。image.png

  6. 图层面板,全选所有组件并隐藏。

  7. 切换至蓝图编辑器中,将所有图层节点添加至蓝图主画布中。

  8. 单击逻辑节点,添加3个定时器节点、1个全局节点和1个串行数据处理节点到蓝图主画布中。

  9. 连接组件。image.png

  10. 配置定时器的延迟时间。定时器11秒,定时器22秒,定时器33秒。image.png

  11. (可选)您也可以设置为定点定时,根据当前时间自行计算需要显示彩蛋的时间,此处不再赘述。

  12. 单击页面右上角的预览图标,预览展示结果。cai_Trim.gif