nativescript - Nativescript-vue 实现字体图标不起作用

Question

我正在为如何在 nativescript-vue 中实现字体图标而苦苦挣扎，我决定使用 font-awesome 5 并遵循了一堆不同的教程，不幸的是，它现在仍然对我有用。一些开发人员输出了一个问号，但对我来说，什么都没有显示。我已经被这个任务困了很长时间了。我非常感谢一些帮助。

谢谢 ：）

我在用着：

• 打字稿-vue-装饰器
• 原生脚本 v6.4

这是我彻底遵循的步骤之一 NativeScript + Vue.js + FontAwesome

输出

标签： nativescriptfont-awesomenativescript-vuenativescript-plugin

Answer 1

这里的新秀，但我有很大的戏剧性让它发挥作用。我恢复使用FA4.7。仍然没有喜悦。跑了一个 Playground 实例，该死的东西起作用了。

对我来说唯一不同的是我的本地默认 app.scss 文件以这些样式引用开头：

    @import '~@nativescript/theme/core';
    @import '~@nativescript/theme/default';

而操场默认为实际的 css 文件：

    @import '~@nativescript/theme/css/core.css';
    @import '~@nativescript/theme/css/default.css';

我更新了我的 app.scss 文件以使用上面的 css 引用，嘿，字体真棒图标工作。我还没有努力用 FA5 重试，但这很有可能是诀窍。

我希望这对其他人有帮助。一切顺利。

游乐场实例可在此处获得。