面板组件 : LED 灯珠

灯珠组件用于根据指定的数据源显示不用的亮度或者开关两种状态。

灯珠

组件配置

  • ID : 设置组件的ID,用于组件的样式和脚本设置。
  • 灯光颜色 : 设置灯光的颜色。
  • 熄灭颜色 : 设置灯光熄灭时的颜色。
  • 模式 : 设置灯光的显示模式,支持模拟和数字两种模式。 模拟模式下,数据源的值决定灯珠亮度, 数字模式下,数据源的值决定灯珠的亮灭状态。
  • 最大值 : 在模拟模式下,数据源的最大值。
  • 最小值 : 在模拟模式下,数据源的最小值。
  • 默认值 : 数据源的默认值。
  • 脚本 : 设置组件的脚本,用于处理组件的交互逻辑。
  • 坐标X : 设置组件的横坐标。
  • 坐标Y : 设置组件的纵坐标。
  • 坐标Z : 设置组件的纵坐标。
  • 数据源-亮度 : 设置组件的数据源,用于控制灯光的亮度或者开关状态。
  • 高度 : 设置组件的高度。
  • 宽度 : 设置组件的宽度。

脚本

脚本上下文 $this

$this 为当前组件实例,您可以通过 $this 对象调用组件的各种方法。

▲ 组件初始化

void init()

当组件存在init方法时,组件初始化时会调用该方法。

脚本示例:

export function init() {
    // your code here
}

▲ 设置/获取灯珠值

number value(number value)

请求参数:

  • value : <数值> 可选项, 设置当前灯珠数值。

返回值:<数值> 当前显示数值

模板示例:

{{$widget("led").value()}}

脚本示例:

// 设置数值内容
$this.value(123);
$widget("led").value(123.45);

// 获取数值内容
let value = $this.value();
let value = $panel.widget("led").value();
2024 © Bittly 沪ICP备2023006101号-2