动态背景
设置和监听大屏动态背景样式变化。
输入
- 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"
};
应用场景
- 大屏主题切换
- 个性化动态展示
- 节日/活动氛围渲染
注意事项
- 样式信息需与大屏控件兼容
- 图片/动画资源需可访问
- 动态效果可能影响性能