一、由于自己创建报警灯复杂,所有想利用原报警灯自定义。防止大家找不到该部件文件,所以分享。
修改文件位置:thingsboard\ui-ngx\src\app\modules\home\components\widget\lib\rpc\led-indicator.component.ts
thingsboard\ui-ngx\src\app\modules\home\components\widget\lib\rpc\led-indicator.component.scss
二、false是黑色,想改为红色。
修改led-indicator.component.ts内容:
this.ledColor = tinycolor(origColor).brighten(30).toHexString();
this.ledMiddleColor = tinycolor(origColor).toHexString();
this.disabledColor = tinycolor(origColor).darken(40).toHexString();
this.disabledMiddleColor = tinycolor(origColor).darken(60).toHexString();
改为:
this.ledColor = tinycolor(origColor).brighten(30).toHexString();
this.ledMiddleColor = tinycolor(origColor).toHexString();
this.disabledColor = tinycolor("red").brighten(40).toHexString();
this.disabledMiddleColor = tinycolor("red").brighten(60).toHexString();
效果如下: