Skip to content

动态背景

设置和监听大屏动态背景样式变化。

输入

  • payload (object): 背景样式设置信息

输出

  • payload (object): 样式变更结果

详细说明

动态背景节点用于设置和监听大屏背景的动态变化,如颜色、图片、渐变、动画等。

配置选项

  • 目标大屏: 选择要设置的大屏
  • 样式类型: 颜色、图片、渐变、动画等
  • 样式参数: 颜色值、图片URL、动画参数等

示例

设置纯色背景

javascript
msg.payload = {
  type: "background",
  color: "#1e90ff"
};

设置背景图片

javascript
msg.payload = {
  type: "background",
  image: "url('/images/bg.png')"
};

设置渐变背景

javascript
msg.payload = {
  type: "background",
  gradient: "linear-gradient(90deg, #ff7e5f, #feb47b)"
};

设置动画背景

javascript
msg.payload = {
  type: "background",
  animation: "wave"
};

应用场景

  • 大屏主题切换
  • 个性化动态展示
  • 节日/活动氛围渲染

注意事项

  • 样式信息需与大屏控件兼容
  • 图片/动画资源需可访问
  • 动态效果可能影响性能

蜀ICP备2025139593号