如何从帐户中删除下拉菜单包

问题描述：

我正在使用ian:accounts-ui-bootstrap-3，我想删除下拉菜单功能。如何从帐户中删除下拉菜单包

我知道这是可能与accounts-ui包，通过使用jamielob:accounts-ui-no-dropdown包。但是相同的程序包不适用于ian:accounts-ui-bootstrap-3软件包。

有没有其他办法可以满足我的目的？

这可能有助于https://github.com/ianmartorell/meteor-accounts-ui-bootstrap-3/issues/74 – Khang

答

看一看本教程（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?

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

如何从帐户中删除下拉菜单包

相关推荐