功能树中的图标默认都是icon字体图标,除了系统的可以自定义icon图标
如果要直接设置一个自定义的图片用于显示图标可以参考:
1.定义一个css文件(如:custom.css)把自定义的css放到自己的模块目录下,或者放到portal/pc下
2.在css文件定义一个class设置背景图片:
.oaIcon{ background-image:url(/x5/UI2/appdemo/test/process/image/oa.png); display: inline-block; height:50px; width:50px; }
3.在/UI2/portal/pc/index.js中引用css文件
require("css!./custom.css").load();
4.在功能树配置文件XXX.function.xml中设置iconClass为自己定义的class的名字
<item label="协同办公" iconClass="oaIcon">
这样运行的时候就会找自己的图片了
需要注意的是portal下的操作推荐都放到扩展空间中,方便资源的管理以及x5版本升级可以直接把扩展空间拷贝到新版本中
评一波