Html 如何修改Meteor帐户输入包中的登录页面
如何找到Meteor帐户条目的html和css文件,特别是登录页面,以便修改其外观Html 如何修改Meteor帐户输入包中的登录页面,html,meteor,accounts,Html,Meteor,Accounts,如何找到Meteor帐户条目的html和css文件,特别是登录页面,以便修改其外观 谢谢 编辑:您似乎已经编辑了问题,因此答案被进一步编辑:)您应该打开packages文件夹,转到meteor accounts条目,那里应该有一个客户端文件夹,编辑它以反映更改 编辑1:主题的进一步阅读 您应该使用accounts ui unstyled包或删除accounts ui views包。下面的代码应该可以工作,当然可以通过css更改设计。我在这里使用materialize.css <templa
谢谢 编辑:您似乎已经编辑了问题,因此答案被进一步编辑:)您应该打开packages文件夹,转到meteor accounts条目,那里应该有一个客户端文件夹,编辑它以反映更改 编辑1:主题的进一步阅读 您应该使用accounts ui unstyled包或删除accounts ui views包。下面的代码应该可以工作,当然可以通过css更改设计。我在这里使用materialize.css
<template name="login">
<div class="container">
<img class="responsive-img logo" src="/images/logotext.png">
<form id="login-form">
<div class="input-field">
<label for="login-email">Email</label>
<input id="login-email" type="email" class="validate">
</div>
<div class="input-field">
<label for="login-password">Password</label>
<input id="login-password" type="password" class="validate">
</div>
<button type="submit" class="waves-effect wave-light btn light-blue">
Log in
<i class="mdi-content-send right"></i>
</button>
<center><p>Don't have an account? <a href="{{ pathFor 'register' }}">Register here</a></p></center>
</form>
</div>
</template>
谢谢为了确认,现在我已经安装了joshowens:accounts条目包。因此,如果我按照您的步骤和链接上的步骤操作,会自动覆盖登录页面吗?或者我还需要做什么?那真的会的。你也可以通过进入packages文件夹来编辑默认页面杰里米-你知道我在哪里可以找到帐户输入包中的html页面吗?我直接在~/users/username/.meteor/packages/joshowens\u accounts-entry中打开了这个包,但找不到html页面;我只能找到css页面…老兄,似乎他们没有把登录页面保留下来,以供抓取。我推荐我写的第二种方法,完全放弃meteor条目,使用未设计的帐户ui,自己创建一个表单(我个人就是这么做的),这会容易得多,一些构建的页面似乎不值得付出额外的努力。如果你真的想要它,粗糙的方法当然是分叉github并更改模板和重新打包,我不推荐这样做。我会看看我是否能想出一个更好的方法,并尝试如何在我回家时解决流星进入的问题。
Template.login.events({
"submit #login-form": function (e) {
e.preventDefault();
Meteor.loginWithPassword(
{ email: $(e.target).find("#login-email").val() },
$(e.target).find("#login-password").val(),
function (error) {
if (error) {
$("#login-password").val("");
$("#login-email").select();
throwError("The email or password you entered is incorrect. Please try again.");
} else {
Router.go("whereever");
}
}
);
}