如何将自定义 类 添加到 Laravel Voyager 菜单项

How to add custom classes to Laravel Voyager menu items

我在 Voyager 中有 main 菜单，其中有一些项目（导航栏按钮）。 我用

输出 blade 视图中的所有项目 
{{menu('main', 'bootstrap')}}

问题是所有项目（导航栏按钮）都具有相同的外观。 我在我的 style.css 文件中为它们定制了 类，但我找不到一种方法来为所有项目设置不同的样式。 数据库菜单不提供 menu_items table，我也可以在其中添加自己的 类。

我发现你必须使用 {{menu('main', '_json')}} 然后你在 foreach 循环中迭代每个项目并用它们做任何你想做的事。

有多种方法可以做到这一点：

方法 1： 如果您使用的是 bootstrap，那么您可以在 blade 模板中使用以下代码。确保根据您在后端添加的菜单名称更改 FrontendMenu。

{{ menu('FrontendMenu', 'bootstrap') }}

方法二：如果你想添加自定义样式并对菜单做更多的修改，那么你可以按照以下步骤操作。

  • 前往路径projectname\vendor\tcg\voyager\resources\views\menu
  • 复制 default.blade.php 并将其粘贴到 projectname\resources\views
    • 中
  • 并重命名为mymenu.blade.php
  • 并将模板中的菜单代码从{{ menu('FrontendMenu', 'bootstrap') }}更改为{{ menu('FrontendMenu', 'mymenu') }}
  • 最后你可以在 mymenu.blade.php 中进行任何你想做的更改你可以将 class 添加到 ul、li 并在 html 中进行更改。

Refrecen Video