一、修改logo
制作自己logo,格式为.svg,可参考原logo。
-
复制到tingsboard源码ui-ngx\src\assets目录下
找到源码ui-ngx\src\app\shared\components\logo.component.ts文件
修改logo = require(新logo地址).default; -
找到源码ui-ngx\src\app\modules\home\home.component.ts文件
修改logo = require(新logo地址).default;
二、修改titile和默认语言
-
找到源码ui-ngx\src\environments\environment.ts和environment.prod.ts文件
修改appTitle = 标题名称
修改defaultLang = 默认语言 -
找到源码ui-ngx\src\index.html文件
修改title = 标题名称
三、修改浏览器图标
- 找到源码ui-ngx\src\thingsboard.ico文件
替换thingsboard.ico
四、修改主题颜色
找到源码ui-ngx\src\theme.scss文件
- 修改$tb-primary-color: 主颜色
- 修改$tb-secondary-color: 副颜色
- 修改$tb-hue3-color:
五、删除仪表板右下角文字
- 找到ui-ngx\src\app\modules\home\pages\dashboard\das

本文介绍如何自定义ThingsBoard用户界面,包括修改Logo、标题、语言、主题颜色等,并提供了详细的步骤指导。
最低0.47元/天 解锁文章
442





