ExtJS 6中Fontawesome升级后没有图标

时间:2018-09-17 13:44:26

标签: javascript extjs extjs6 font-awesome-5

我有Sencha ExtJS 6,但是一些新的FontAwesome图标无法正常工作。我认为这是由于FontAwesome的旧版本所致。然后,我决定对其进行升级,并按照本教程进行操作:https://github.com/yamayamayamaji/extjs-package-fontawesome 上面写着:

  

替换您的/ ext(framework_dir)/ packages / font-awesome /   与/ font-awesome /

     

然后运行sencha应用刷新

但是在此之后,我看不到任何FontAwesome图标。

所以这个:

r.Set(scalarValue)

现在看起来像这样:

enter image description here

有什么建议吗?

顺便说一句,我在控制台中没有任何错误。

1 个答案:

答案 0 :(得分:1)

缺少fontCls参数。

在ExtJS 6中,iconCls用以下符号指定:

iconCls: '{fontCls} {iconPrefix}-{iconName}'

因此,不只是fa-home,而是尝试如下指定x-fa fa-home

iconCls: 'x-fa fa-home'

Available ExtJS Font Packages

https://docs.sencha.com/extjs/6.0.2/guides/core_concepts/font_ext.html