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）

作者使用meteor-template-extension来改变按钮的某些特定行为，保持其他东西不受影响。

步骤简要首先创建自己的模板，该模板使用原始模板。

<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?

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

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

1 个答案: