Question

我在我的meteor应用程序中使用meteor-accounts-ui-bootstrap-3让用户注册并登录。这很好用。但现在我想改变{{ > loginButtons }}显示的内容。现在我看到'登录/注册'。但我想用字体真棒图标<i class="fa fa-user"></i>替换它。只是一个图标，没有文字。

但我找不到合适的地方进行这项改动。

我试着这样做：

accountsUIBootstrap3.map('en', {
    loginButtonsLoggedOutDropdown: {
        signIn: '<i class="fa fa-user"></i>',
        up: "Register"
    }
})

但是这个HTML不会被渲染。此外，我无法删除仍会在“注册”前显示的/。

Answer 1

/是硬编码的here。您可以通过使用修改后的版本替换_loginButtonsLoggedOutDropdown模板来实现您想要的效果，通过执行以下操作：

一些html文件：

<template name="my_loginButtonsLoggedOutDropdown">
  <li id="login-dropdown-list" class="dropdown">
    <a class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> <b class="caret"></b></a>
    <div class="dropdown-menu">
        {{> _loginButtonsLoggedOutAllServices}}
    </div>
  </li>
</template>

一些客户端js代码：

Template._loginButtonsLoggedOutDropdown = Template.my_loginButtonsLoggedOutDropdown;

meteor-accounts-ui-bootstrap-3：更改{{＆gt; loginbuttons}}到图标

1 个答案: