ExtJS 6 中 Fontawesome 升级后没有图标

Question

我有 Sencha ExtJS 6，但一些新的 FontAwesome 图标无法正常工作。我认为这是由于旧版本的 FontAwesome 造成的。然后我决定升级它并遵循本教程： https: //github.com/yamayamayamaji/extjs-package-fontawesome 其中说：

将 /ext(framework_dir)/packages/font-awesome/ 替换为 /font-awesome/

然后运行sencha应用程序刷新

但此后我看不到任何 FontAwesome 图标。

所以这：

{
    title: 'Dashboard',
    iconCls: 'fa-home',
    bind:
    {
        html: 'Test'
    }

},

现在看起来像这样：

有什么建议么？

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

Answer 1

fontCls缺少参数。

在 ExtJS 6 中，iconCls用以下表示法指定：

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

因此，不仅仅是fa-home，还可以尝试指定x-fa fa-home，如下所示：

iconCls: 'x-fa fa-home'

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