主题
4.6 常见绑定场景速查
场景1:数值显示(温度/压力)
目标:文本组件显示实时温度值,带单位。
步骤:
- 拖入文本组件
- 右侧面板「显示事件」→ 添加「显示值」
- 表达式输入:
temp(变量名直接书写,不要加花括号) - 单位输入:°C
- 预览查看
场景2:颜色随状态变化
目标:按钮背景色根据设备状态变化。
步骤:
- 拖入按钮组件
- 右侧面板「显示事件」→ 添加「背景色」
- 数据点选择设备状态
- 设置最小值0、最大值1、背景色绿色
- 再添加一个「背景色」事件
- 设置最小值1、最大值2、背景色红色
场景3:文本格式化
表达式:
javascript
"温度:" + temp + "°C,湿度:" + humidity + "%"场景4:多条件判断
表达式:
javascript
temp > 80 ? '高温报警' :
temp > 60 ? '温度偏高' :
temp < 10 ? '温度过低' :
'温度正常'