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所指出的，嵌套菜单的新演示源位于here中。

背包现在使用Bootstrap的nav-dropdown类来实现以下结果：

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