您的位置:首页 > 其它

EOS开发 左侧菜单栏添加图标

2017-07-06 15:39 190 查看
菜单栏图标添加步骤:
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登录,在菜单管理里中看见。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  eos
相关文章推荐