如何修改 Meteor Accounts-Entry 包中的登录页面

Question

如何找到 Meteor Accounts-Entry 的 html 和 css 文件，特别是登录页面，以便修改它的外观？

谢谢！

Answer 1

编辑：您似乎已经编辑了问题，因此进一步编辑了答案:)您应该打开 packages 文件夹，转到 meteor accounts 条目，那里应该有一个 client 文件夹，编辑它以反映更改。

编辑 1：进一步阅读主题 http://blog.benmcmahen.com/post/41741539120/building-a-customized-accounts-ui-for-meteor

您应该使用 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>

login.js

  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");
                }
            }
        );
    }

如何修改 Meteor Accounts-Entry 包中的登录页面

How can I modify sign-in page in Meteor Accounts-Entry package

html

meteor

accounts