如何向 Laravel Voyager 菜单项添加自定义类答案

【问题标题】：How to add custom classes to Laravel Voyager menu items如何向 Laravel Voyager 菜单项添加自定义类
【发布时间】：2021-01-18 02:00:53
【问题描述】：

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

输出刀片视图中的所有项目

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

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

方法 1： 如果您在这种情况下使用引导程序，则可以在刀片模板中使用以下代码。确保根据您在后端添加的菜单名称更改FrontendMenu。

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

方法2：如果您想添加自定义样式并在这种情况下对菜单进行更多更改，您可以按照以下步骤操作。

转到路径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 中进行任何您想做的更改，您可以将类添加到 ul、li 并在 html 中进行更改。

【讨论】：