通过MQTT更改Node-RED UI按钮颜色

Question

我在覆盆子pi家庭安全网络上有一个节点红色流，使用MQTT作为消息总线。如何根据传入的MQTT消息更改UI按钮上的颜色？

我无法在任何地方找到任何如何做到这一点的例子。我想这将与CSS和javascript绑定，但我在这些方面很弱。

Answer 1

如何执行此操作在仪表板ui按钮的信息选项卡中进行了描述：

  

可以设置文本和背景的颜色。它们也可以通过将字段设置为属性名称来设置消息属性，例如{{msg.background}}。

所以你可以通过配置按钮来设置按钮的背景：

然后传递一条消息，msg.backgound设置为您想要的颜色（颜色可以是任何CSS颜色安全名称）。

您可以使用函数节点或更改节点将background属性添加到msg，然后再将其传递给ui-button节点。