如何从帐户包中删除下拉列表

Question

我正在使用ian:accounts-ui-bootstrap-3，我想去掉下拉功能。

我知道accounts-ui 包可以使用jamielob:accounts-ui-no-dropdown 包。但同样的包不适用于ian:accounts-ui-bootstrap-3 包。

是否有任何替代方案可以达到我的目的？

Answer 1

看看这个教程 (http://www.chaosstuff.com/2015/01/meteor-accounts-with-custom-login-form.html)

作者利用流星模板扩展来改变按钮的一些特定行为，保持其他东西不变。

这些步骤是首先创建您自己的模板，该模板利用原始模板。

<template name="My_loginButtonsLoggedOutDropdown">
    <div class="container">
<section class="panel">
        <header class="panel-heading">
            <strong>Welcome</strong> 
        </header>
        {{> _loginButtonsLoggedOutAllServices}}
    </section></div>
</template>

然后用你创建的替换原来的那个 Template.My_loginButtonsLoggedOutDropdown.replaces("_loginButtonsLoggedOutDropdown");

最后是一些样式的东西

.panel {
    width: 300px;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    background-color:#fff;
    border:1px solid transparent;
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);
    box-shadow:0 1px 1px rgba(0,0,0,0.05);
    border-radius:2px;
}

.panel-heading {
    border-bottom:1px solid transparent;
    border-top-right-radius:3px;
    border-top-left-radius:3px;
    border-radius:2px 2px 0 0;
    padding:10px 15px;
    text-align:center;
}

您也可以查看此主题以了解其他一些替代想法How do I style Meteor's loginButton to not be a dropdown?

我认为这些链接可能会帮助您解决问题。