Question

任何人都可以帮助提供响应式多级菜单的代码。我创建了一个响应式SPA，现在我想将菜单修改为多级。这是一个plunker：http://plnkr.co/edit/NPHsIoirRJA1pS7KNopn?p=preview。我希望这里的菜单都包含子菜单（仪表板，tab1）。

Answer 1

您需要将菜单项放入无序列表，然后将下拉菜单项放入另一个无序列表中，然后相应地设置样式。

<nav class="menu">
    <ul>
        <li><a ui-sref="dashboard">Dashboard</a></li>
        <li>
            <a ui-sref="#">Tab</a>
            <ul class="dropdown">
                <li><a ui-sref="page1">Page 1</a></li>
                <li><a ui-sref="page2">Page 2</a></li>
                <li><a ui-sref="page3">Page 3</a></li>
            </ul>
        </li>
    </ul>
</nav>

您可以在此处查看此示例：http://plnkr.co/edit/0A55Sb4qjS0tap6tavJL?p=preview

响应式多级菜单

1 个答案: