流星:帐户-UI 包

Meteor: accounts-ui Package

本文关键字：-UI 帐户 流星      更新时间：2023-09-26

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

正如sdybskiy在评论中已经指出的那样，Meteor accounts-ui包仅限于下拉形式。但是，您可以使用用户帐户套件来包含 Meteor 帐户模块的 UI 模板。

目前，以下版本可用：

  • useraccounts:unstyled – 纯 HTML 和无 CSS 规则
  • useraccounts:bootstrap – 推特引导
  • useraccounts:foundation – 祖尔布基金会
  • useraccounts:ionic – 离子
  • useraccounts:materialize – 具体化
  • useraccounts:polymer – 聚合物
  • useraccounts:ratchet – 棘轮
  • useraccounts:semantic-ui – 语义用户界面

如果要安装帐户套件，只需运行：

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

关于路由，还有两个附加组件可用， useraccounts:iron-routing 和 useraccounts:flow-routing .

因此，如果您想要一个在单击时呈现登录页面的按钮，您可以使用以下代码示例作为起点(假设您使用的是 Iron-Router 和 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',
});
相关文章：