使用图标

时间:2017-04-21 02:59:51

标签: css materialize

我使用materializecss并希望在里面带有图标的浮动按钮中实现下拉列表。

这是标记:

 <a href="#" class="dropdown-button btn-floating btn-sm waves-effect waves-light" :data-activates="'dropdown_' + order.id">
    <i class="small material-icons">more_horiz</i>
  </a>
  <ul :id="'dropdown_' + order.id" class="dropdown-content">
    <li><a href="#!">one</a></li>
    <li><a href="#!">two</a></li>
    <li class="divider"></li>
    <li><a href="#!">three</a></li>
    <li><a href="#!"><i class="material-icons">view_module</i>four</a></li>
    <li><a href="#!"><i class="material-icons">cloud</i>five</a></li>
  </ul>

这与文档中的基本相同,但是我使用浮动按钮和内部图标而不是简单的按钮。没有<i>它可以正常工作,但是<i>我得到了display: none;下拉列表。

我该如何解决这个问题?

更新

更新为0.98.2

后为我工作

0 个答案:

没有答案