由于,iobroker界面风格比较工业风,可能跟国内用户习惯的扁平风不太相同。于是我们需要做这个优化~
暂时命名美化插件:iobroker-china-ui(包含JS、CSS两个文件)
UI美化成员:影子、花神、老妖,欢迎大家加入QQ:776817275
群辉使用方法:
1.先把JS文件拷贝至:/docker/iobroker/node_modules/iobroker.admin/www/js中,前面的docker/iobroker是你iobroker安装目录后面保持一样。
2.再把CSS文件拷贝至:/docker/iobroker/node_modules/iobroker.admin/www/ css中,前面的docker/iobroker是你iobroker安装目录后面保持一样。
3.最后,在/docker/iobroker/node_modules/iobroker.admin/www中的index.html下载至本地电脑中,用VS code 、nodepad++或记事本打开****是这样的:
我们可以借助在线HTML格式化工具:http://tool.oschina.net/codeformat/
复制回记事本或者nodepad++。
**
**
**如VS CODE打开也是压缩的,请安装HTML插件,再按alt+f格式化
**
引用代码如下:
[mw_shl_code=html,true]
再把index.html 上传回:/docker/iobroker/node_modules/iobroker.admin/www 覆盖,再刷新你的iobroker即可。
先来看看,原先界面:
美化后界面:
iobroker-china-ui_V1.0.zip (1.87 KB)
**v1.0 更新内容:**1.概况界面: 图标变小
2.导航栏: 进行界面优化、增加菜单设置
3.适配器:图标变小
4.主题色统一为#01B5CE
5.若干细小优化
希望,广大爱好者参与进来集思广益。哪里需要美化可以截图在本贴中回复。