javascript - meteor :accounts-ui程序包

我想在我的应用程序上使用accounts ui包来管理帐户，但它目前是一个下拉登录表单。是否有人知道如何将其包装在按钮中，以便当我单击按钮时，帐户登录页将呈现？

最佳答案

正如评论中已经指出的，Meteorsdybskiy包仅限于下拉表单。但是，您可以使用accounts-ui为Meteor的accounts模块包含UI模板。
目前，以下User Accounts suite可用：
versions–纯HTML&没有CSS规则
useraccounts:unstyled–useraccounts:bootstrap
Twitter Bootstrap–useraccounts:foundation
Zurb Foundation–useraccounts:ionic
Ionic–useraccounts:materialize
Materialize–useraccounts:polymer
Polymer–useraccounts:ratchet
Ratchet–useraccounts:semantic-ui
如果要安装帐户套件，只需运行：
meteor add useraccounts:<version>，例如：useraccounts:bootstrap。
meteor add accounts-<loginService>，例如：accounts-password。
关于路由，还有两个附加组件可用，Semantic UI和useraccounts:iron-routing。
因此，如果希望有一个按钮在单击时呈现登录页面，可以使用以下代码示例作为起点（假设您使用的是useraccounts:flow-routing和Iron-Router包）：

<template name="home">
   <button id="login" type="button" class="btn btn-default">Login</button>
</template>

Template.home.events({
  'click #login': function (event) {
   event.preventDefault();
   Router.go('/login');
});

AccountsTemplates.configureRoute('signIn', {
    name: 'signin',
    path: '/login',
    template: 'myLogin',
    layoutTemplate: 'myLayout',
    redirect: '/user-profile',
});