如何自定义一级菜单的图标

以下操作更换文件一定要备份源文件

1.首先创建一级菜单,图标那一栏的值随便维护一个名词,这里用s-icon-999。

这个时候去看一级菜单是没有图标的,因为没有s-icon-999的相关内容,需要配置。

2.服务器找到\server\deploy\easweb.ear\shr_web.war\styles\shr\homepage下的service.css文件。

在里面添加两行代码,分别指定这个图标常态是指向mua这张图片,选中状态指向honey这张图。

.s-icon-999 {

     background-image: url('images/mua.webp');

}

.s-icon-999.selected, .s-icon-999:hover {

     background-image: url('images/honey.webp');

}

3.然后把mua.webp和honey.webp扔进去\server\deploy\easweb.ear\shr_web.war\styles\shr\homepage\images这个文件夹,然后刷新页面就可以看到图标已经刷新了。