atNavButton更改按钮文本图标流星用户帐户

atNavButton change button text to icon in meteor-useraccounts

本文关键字：流星 用户 图标 文本 按钮 atNavButton      更新时间：2023-09-26

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

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

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

然而，这并没有显示一个图标，我不确定在配置文件中的其他地方改变它。在哪里可以做到这一点?

我认为你现在不能用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>
  • 添加以下代码替换atNavButton模板:
    • if (Meteor.isClient) {
    Template.atNavButtonFa.replaces("atNavButton");
}
    相关文章：