javascript - 在 ExtJS 6 中升级 Fontawesome 后没有图标

Question

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

Replace your /ext(framework_dir)/packages/font-awesome/ with /font-awesome/

then run sencha app refresh

但在此之后我看不到任何 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