EOS开发 左侧菜单栏添加图标
原创
©著作权归作者所有:来自51CTO博客作者hoho_12的原创作品,请联系作者获取转载授权,否则将追究法律责任
菜单栏图标添加步骤:
1.鼠标移到左侧菜单栏,右键查看源代码,找到其为index.jsp ,然后在studio中ctrl+shift+r 搜索index.jsp.
2.在index.jsp中找到给菜单名称加图标的代码
var dt = '<dt>' + '<i class="fa icon_' + menuCode + '"></i>' + '<a href="###" url="' + linkAction + '" id="' + menuPrimeKey + '" menuSeq="' + menuSeq + '" >' + menuName + "</a></dt>";
3.ctrl+h 全文检索 icon_ 检索格式为 *.css,找到了main.css.。
4.在main.css中找到了给图标添加样式的代码。
/*menu icons*/
.icon_menu_auth:before{
content: "\f2bd"
}
.icon_menu_permissions:before{
content: "\f2bd"
}
.icon_menu_org:before{
content: "\f0c0"
}
5.根据以上命名方式的特点来增加图标的样式。
都是.icon_menu + 菜单代码
菜单代码可以使用sysadmin登录,在菜单管理里中看见。