一:导入部件库与修改logo
- 详细教程:https://www.iotschool.com/topics/712
- 导入部件库:
- 找到tingsboard源码application\src\main\data\json\system\widget_bundles
- 启动tingsboard程序项目
- 找到部件库菜单栏,点击文件json导入
- 修改logo图片:
- 制定自身需求logo,格式为.svg
- 导入进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\dashboard-page.component.html文件 - 搜索Powered by
- 注释本行
六:注释页面“帮助问号?”
- 找到文件:ui-ngx\src\app\shared\components\help.component.html
- 注释button源码