Question

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

谢谢！

Answer 1

编辑：你似乎编辑了这个问题，答案因此进一步编辑:)你应该打开包文件夹，转到流星帐户条目，它应该有一个客户端文件夹，编辑它以反映变化。

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

您应该使用ui unstyled package帐户或删除帐户ui views包。以下代码应该工作，通过css ofcourse改变设计。我在这里使用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包中的登录页面

1 个答案: