Meteor Accounts - 登录表单更改HTML删除下拉列表JS

Question

如何修改Meteor的帐户-ui来更改所呈现的类和html标签,而无需重写所有帐户-ui逻辑？例如,我想删除" 下拉 "行为,只是直接在我的页面中显示表单.我读了这个答案,但它没有详细说明 - 它只是删除了默认的CSS.我想深入一点..

Answer 1

我想出了另一个答案,但我想我会把它放在这里,因为它似乎是一个更快的方式来得到你想要的.

Template.login.rendered = function()
{
    Accounts._loginButtonsSession.set('dropdownVisible', true);
};

(Template.login应该是模板.yourTemplateWithLoginButtons)

Answer 2

造型

去掉 accounts-ui

meteor remove accounts-ui

添加accounts-ui-unstyled&less

meteor add accounts-ui-unstyled
meteor add less

最后,将以下文件添加到项目目录中并根据您的观看次数进行编辑

https://github.com/meteor/meteor/blob/master/packages/accounts-ui/login_buttons.less

更多定制

您可以编辑accounts-ui包并编辑html和js,而无需从头开始:

删除accounts-ui-unstyled包并将以下目录中的内容(package.js和accounts_ui_tests.js除外)添加到项目的client目录中,添加accounts-urls并编辑它以根据您的规范进行微调.

https://github.com/meteor/meteor/tree/master/packages/accounts-ui-unstyled

直到meteor为我们提供了一种指定加载顺序的方法

重命名以下文件,以便以正确的顺序加载

1accounts_ui.js
2login_buttons.html
3login_buttons_single.html
4login_buttons_dropdown.html
5login_buttons_dialogs.html
6login_buttons_session.js
7login_buttons.js
8login_buttons_single.js
9login_buttons_dropdown.js
login_buttons_dialogs.js