Laravel 背包中的下拉侧边栏菜单项

Question

在 Laravel Backpack 文档中，他们显示的图像似乎具有侧边栏导航菜单的下拉菜单，但我找不到说明如何使用它们的任何地方。有内置的方式还是我必须编写自己的样式？

Answer 1

在 resources/views/vendor/backpack/base/inc/sidebar.blade.php 中，您可以添加自己的菜单项。使用 .treeview 和 .treeview-menu 您可以使这些项目可展开：

另请参阅该图片的 the source code。

<li class="treeview">
  <a href="#"><i class="fa fa-key"></i> <span>Roles & Permissions</span> <i class="fa fa-angle-left pull-right"></i></a>
  <ul class="treeview-menu">
    <li>
      <a href="{{ url(config('backpack.base.route_prefix', 'admin') . '/role') }}"><span>Roles</span></a>
    </li>
    <li>
      <a href="{{ url(config('backpack.base.route_prefix', 'admin') . '/permission') }}"><span>Permissions</span></a>
    </li>
  </ul>
</li>

Answer 2

如Oscar Torres pointed out, the new demo source for a nested menu lives here.

Backpack 现在使用 Bootstrap 的 nav-dropdown class(es) 来实现这些结果：

<li class="nav-item nav-dropdown">
    <a class="nav-link nav-dropdown-toggle" href="#"><i class="nav-icon la la-group"></i> Authentication</a>
    <ul class="nav-dropdown-items">
        <li class="nav-item"><a class="nav-link" href="{{ backpack_url('user') }}"><i class="nav-icon la la-user"></i> <span>Users</span></a></li>
        <li class="nav-item"><a class="nav-link" href="{{ backpack_url('role') }}"><i class="nav-icon la la-group"></i> <span>Roles</span></a></li>
        <li class="nav-item"><a class="nav-link" href="{{ backpack_url('permission') }}"><i class="nav-icon la la-key"></i> <span>Permissions</span></a></li>
    </ul>
</li>

Laravel 背包中的下拉侧边栏菜单项

Dropdown Sidebar Menu Items in Laravel Backpack

laravel-backpack