流星：帐户-ui 包

Question

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

Answer 1

作为 sdybskiy already pointed out in the comments, the Meteor accounts-ui package is limited to the drop-down form. However, you could use the User Accounts suite 包含 Meteor 帐户模块的 UI 模板。

目前，以下versions可用：

useraccounts:unstyled – 普通 HTML & 无 CSS 规则
useraccounts:bootstrap – Twitter Bootstrap
useraccounts:foundation – Zurb Foundation
useraccounts:ionic – Ionic
useraccounts:materialize – Materialize
useraccounts:polymer – Polymer
useraccounts:ratchet – Ratchet
useraccounts:semantic-ui – Semantic UI

如果你想安装账户套件，你只需要运行:

meteor add useraccounts:<version>，例如：useraccounts:bootstrap.
meteor add accounts-<loginService>，例如：accounts-password.

关于路由，还有两个插件可用，useraccounts:iron-routing and useraccounts:flow-routing。

因此，如果您希望有一个按钮在点击时呈现登录页面，您可以使用以下代码示例作为起点（假设您使用的是 Iron-Router and the useraccounts:iron-routing 包）：

<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',
});

流星：帐户-ui 包

Meteor: accounts-ui Package

html

javascript

meteor

reactjs

meteor-accounts