Thingsboard 3.1.0

一、修改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\dashboard-page.component.html文件
搜索Powered by，注释掉整行。

六、删除页面的帮助问号？

找到文件：ui-ngx\src\app\shared\components\help.component.html
注释button源码

七、重新编译，运行

编译后生成thingsboard-windows.zip，把zip中的\lib\thingsboard-3.1.0.jar解压。注意大小大约150M，实际上是springBoot的jar包。
停止运行中的thingsboard，替换\lib\thingsboard-3.1.0.jar，重新启动即可。

Thingsboard 3.1.0 - UI修改相关推荐

Windows CE 桌面UI修改
Windows CE 桌面UI修改桌面UI主要涉及到CDesktopView类 ,CDesktopView类继承于CDefShellView类;如果要更改桌面的UI表现形式,只要从这个类入手即可.C ...
ASP.NET Forums 2.0 本地化修改(四)
ASP.NET Forums 2.0 本地化修改(四) 给编辑器增加支持插入视频.音频.FLASH文件的工具栏...... 转载于:https://www.cnblogs.com/jacky/arch ...
autopoi升级到4.0版本修改方法
以下为autopoi升级到4.0版本修改方法: 1.样式相关图案颜色和样式设置: 其他颜色修改类似 HSSFColor.WHITE.index => IndexedColors.WHITE.i ...
android6.0 framwork修改
基于android6.0.7.01.20 默认使用Launcher2,修改Launcher2 packages/apps/Launcher3/src/com/android/launcher3/Lau ...
Kinect2.0 UI交互 InteractionManager脚本
Kinect2.0 UI交互 Kinect官方已经SDK已经打包好了UI交互脚本InteractionManager 使用: 将手所在的image拖入到GUI Hand Cursor,脚本会通过GUI ...
ylmf3.0 分配修改登录root用户管理权限的方法
ylmf OS 3.0 分配修改登陆root用户管理权限的方法 ylmf是由ubuntu系统改装而来的,她跟ubuntu一样有一个与众不同的特点,那就是初次使用时,你无法作为root 来登录系统,为什 ...
ylmf OS 3.0 分配修改登陆root用户管理权限的方法
ylmf OS 3.0 分配修改登陆root用户管理权限的方法 ylmf是由ubuntu系统改装而来的,她跟ubuntu一样有一个与众不同的特点,那就是初次使用时,你无法作为root 来登录系统,为什 ...
计算机修改wif教程,192.168.0.1修改wifi密码的方法（适合新手）
摘要用电脑登录到192.168.0.1修改wifi密码时,建议按照下面的步骤操作. 用电脑登录到192.168.0.1修改wifi密码时,建议按照下面的步骤操作. 检查电脑ip地址设置重要提示: ...
element UI 修改表格边框颜色
element UI 修改表格边框颜色由于我只想要改变该页面的表格边框颜色,加上表格类名 /** 改变边框颜色*/.right-content .el-table--border, .el-tabl ...
输入法智能联想 Java_[Android6.0][MTK6737] 修改默认输入法为 Sogou
title: [Android6.0][MTK6737] 修改默认输入法为 Sogou tags: grammar_cjkRuby: true Hardware:MT6737 DeviceOS:And ...

Thingsboard 3.1.0 - UI修改

一、修改logo

二、修改titile和默认语言

三、修改浏览器图标

四、修改主题颜色

五、删除仪表板右下角文字

六、删除页面的帮助问号？

七、重新编译，运行

Thingsboard 3.1.0 - UI修改相关推荐

最新文章

热门文章