thingsboard导入部件包并修改logo

咋在这里为大家先介绍一下部件包及修改logo的简单小技巧

如还未成功运行的可查看我上一篇博客，或者进入qq群： China thingsboard
下面由Panther为您手把手教程如何从全英文的规则链改为全中文的

下面请跟我来
前提是项目能够正常运行

干货来啦

这里为部件库中的效果图 _ 自带12个json文件

one 同志们第一次下载源码，成功启动后并不会出现这些部件，为什么呢 因为你的数据库中是没有这些数据的

two 我们要做的就是 将json文件拖入到部件库，生成这些数据

three json文件在哪里呢

thingsboard\application\target\data\json\system\widget_bundles

four 这里将他们一一导入，您的数据库就会出现对应的数据

现在我来为大家介绍如何修改logo

开始看见tb的代码 着实吓了我一跳，还svg矢量图 - 吓死宝宝啦
其实这里我介绍的就挺简单，直接注释他的代码，然后替换到自己的代码

 <!--Panther 登录页面 logo显示-->
            <!--<img src="{{vm.logoSvg}}" aria-label="logo" class="tb-login-logo"/>-->
            <img src='../../svg/test.svg' lass="tb-login-logo" width="244px" height="55px"/>

好啦到这里就结束啦，记得svg背景色要是白色

最后提供一个 jpg 、png转换为svg格式的网站-亲试 有效
https://www.pngtosvg.com/