javascript - atNavButton 将按钮文本更改为 meteor 用户帐户中的图标

Question

我刚刚开始使用 Meteor 框架并基于这些 boilerplaters 创建了一个登录/注册表单.

我想将 navSignIn 按钮上的文本从文本更改为图标。我试过:

AccountsTemplates.configure({
    texts: {
        navSignIn: "fa fa-rocket"
    }
});

然而，这不会显示图标，我不确定在配置文件中还有什么地方可以更改它。这可以在哪里完成？

Answer 1

我认为您不能在 meteor-useraccounts 中用图标替换文本目前(参见 GitHub issue #233)。

但是，您可以创建自定义模板并使用 aldeed:template-extension包替换对应模板:

1. 运行 meteor add aldeed:template-extension。
2. 创建以下模板:

---

<template name="atNavButtonFa">
    <button type="button" id="at-nav-button" class="btn btn-default navbar-btn"><i class="fa fa-rocket"></i></button>
</template>

1. 添加以下代码以替换 atNavButton 模板:

---

if (Meteor.isClient) {
    Template.atNavButtonFa.replaces("atNavButton");
}