Skip to main content

Thingsboard 二次开发

一、前端​

修改样式​

主题颜色​

目录：ui-ngx/src/theme.scss

# 主题颜色
$tb-primary-color: #305680;
$tb-secondary-color: #527dad;
$tb-hue3-color: #a7c1de;

目录：ui-ngx/src/app/shared/components/logo.component.ts

# 也可以直接替换此文件
....
 logo = 'assets/logo_title_white.svg';
....

修改title与默认语言​

目录：ui-ngx/src/environments/environment.prod.ts

export const environment = {
  # 标题
  appTitle: 'ThingsBoard',
  production: true,
// @ts-ignore
  tbVersion: TB_VERSION,
// @ts-ignore
  supportedLangs: SUPPORTED_LANGS,
  # 默认语言
  defaultLang: 'en_US'
};

国际化​

目录：ui-ngx/src/assets/locale

其中locale.constant-zh_CN.json为中文

古之欲明德于天下者，先治其国；欲治其国者，先齐其家；欲齐其家者，先修其身；欲修其身者，先正其心，欲正其心者，先诚其意；欲诚其意者，先致其知；致知在格物。——礼记