【iobroker-china-ui】V1.0 操作界面美化,不破坏底层

由于,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]

[/mw_shl_code]

再把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.若干细小优化

希望,广大爱好者参与进来集思广益。哪里需要美化可以截图在本贴中回复。

来晚了 ,操作admin的文件夹 最好把admin的文件备份下来。然后 cd /opt/iobroker
iobroker stop 先把iobroker停止,再进行操作,然后就启动iobroker

可以这样最保险,防止误操作。对于有前端基础来说可以像我这样操作。:lol

由于,有些朋友不会修改admin.html文件,我已经把文件上传覆盖即可

3.6.4版本 index.zip (13.7 KB)
3.6.2版本 index.zip (13.6 KB)