Voyager中有主菜单，其中有一些项目(导航栏按钮(。我使用输出刀片视图中的所有项目
{{menu('main', 'bootstrap')}}
问题是所有的项目(导航栏按钮(都有相同的外观。我在style.css文件中有它们的自定义类，但我找不到一种方法来对所有项目进行不同的样式设置。数据库菜单没有提供menu_items表，我也可以在其中添加自己的类。
我发现必须使用{{menu('main', '_json')}}，然后在foreach循环中迭代每个项，并对它们执行任何操作。
有多种方法可以做到这一点：
方法1:如果在这种情况下使用引导程序，则可以在刀片模板中使用以下代码。确保根据您在后端添加的菜单名称更改FrontendMenu。
{{ menu('FrontendMenu', 'bootstrap') }}
方法2:如果您想添加自定义样式并在这种情况下对菜单进行更多更改，可以按照以下步骤进行操作。
- 转到路径
projectnamevendortcgvoyagerresourcesviewsmenu - 复制default.blade.php并将其粘贴到
projectnameresourcesviews中 - 并将其重命名为
mymenu.blade.php - 并将模板中的菜单代码从
{{ menu('FrontendMenu', 'bootstrap') }}更改为{{ menu('FrontendMenu', 'mymenu') }} - 最后，您可以在
mymenu.blade.php中进行任何您想做的更改，您可以向ul、li添加类，也可以在html中进行更改
Refracten视频