目录
目录解析
logo修改
logo操作的图片是svg矢量图大小是1543*320
一个将图片转为svg图片的网站:在线jpg,png图片转SVG工具-BeJSON.com
1、可直接同名替换原有logo
名为logo_title_white.svg 图片路径如下
2、可用不同名的自己的logo
1、将svg图片放在src\assets\自己的logo.svg 目录下
2、更改路径
src/app/modules/home/components/dashboard-page/dashboard-page.component.ts
src/app/shared/components/logo.component.ts
更改ico,建议直接同名替换原ico图片
一个将图片转ico网站:PNG轉ICO轉換器。在线自由 — Convertio
更改网站名字
一下三处将ThingsBoard改为自己网站名
src\index.html
src\environments\environment.prod.ts
src\environments\environment.ts
更改主题颜色
直接全局搜$tb-primary-color
可改颜色的地方试着改一下看以一下主题颜色是否改变,因版本不同版本具体路径不同
更改首页的内容
1、可自定义一个仪表盘来作为首页
2、修改原有首页
这部分内容在src\assets\dashboard\下静态加载的
首页的每一个白色块就是如下框起来的部分(可自行查找需要修改的部分)
如果想删除块就删除如下对应块框起来的地方
如果想修改块大小位置就修改如下注释位置
注释页面“帮助问号?”
- 找到文件:ui-ngx\src\app\shared\components\help.component.html
- 注释button源码