atNavButton将按钮文本更改为meteor-useraccounts中的图标

时间:2015-10-23 14:51:16

标签: javascript meteor meteor-accounts

我刚刚开始使用Meteor框架,并根据这些boilerplaters创建了一个登录/注册表单。

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

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

然而,这不显示图标,我不确定在配置文件中何处更改它。这可以在哪里完成?

1 个答案:

答案 0 :(得分:2)

我认为您现在无法用meteor-useraccounts中的图标替换文字(请参阅GitHub issue #233)。

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

  1. 运行meteor add aldeed:template-extension
  2. 创建以下模板:
  3. <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模板:
    2. if (Meteor.isClient) {
          Template.atNavButtonFa.replaces("atNavButton");
      }