跳到主要内容

数字框

数字框组件提供了输入数字和箭头按钮加减数字的能力。本文介绍数字框组件的详细配置。

number.jpg

私有属性

参数
说明
默认值
数字内容可配置数据源-
最小值0
最大值100
步长单次增/减量值1
小数位数0

文字样式

参数
说明
默认值
字号可选值:12~7212
颜色#000000
粗细可选值:标准、加粗标准
对齐可选值:左对齐、居中、右对齐左对齐

节点

参数
说明
默认值
宽度整体宽度180
高度整体高度35
横坐标横向坐标-
纵坐标纵向坐标-

应用示例

使用数字框展示某传感器设备的温度数据,在预览或应用发布页面,可直接设置温度值下发给该设备。


步骤一: 添加组件

在画布左侧组件列表上方,输入数字框,找到该组件,然后将组件拖拽到中间画布。 list_01

步骤二: 配置数据源

当您需要使用该组件显示并设置设备属性,或展示接口返回的数据时,需要配置对应的数据源。

⚠️ 注意

  1. 当前案例以看板页为例,需指定设备;若为设备页,则无需指定设备。
  2. 下发指标仅支持从物模型的环境参数中选择。

list_01

步骤三: 配置交互动作

需配置一个按钮,用于触发下发动作,将数字框组件中的参数下发至设备。

list_01