dnabeast / tabmenu
Blade 的 HTML 菜单创建器
1.1.0
2019-02-23 01:01 UTC
Requires (Dev)
- orchestra/testbench: ~3.2
- phpunit/phpunit: ^7.5
This package is auto-updated.
Last update: 2024-09-23 14:09:28 UTC
README
这允许你使用 blade 文件中的易读语法来定义你的 HTML 菜单系统。
如果从管理员目录调用,它允许菜单 URL 发生变化。
安装
将依赖添加到你的项目中
composer require DNABeast/tabmenu
##发布配置文件
php artisan vendor:publish
Laravel 5.5
服务提供者会自动发现。
Laravel 5.2
将其添加到 app.php 配置文件中。
DNABeast\TabMenu\TabMenuServiceProvider::class,
你可能需要清除视图缓存
php artisan view:clear
用法
在你的 blade 文件中输入自定义 @menu 指令,以及 @endmenu 指令。将菜单作为文本列表输入。如果你愿意,可以缩进。
@menu
[tab][tab]Menu 1
[tab][tab]Menu 2
[tab][tab]Menu 3
@endmenu
输出
<ul>
<li><a href="/menu-1">Menu 1</a></li>
<li><a href="/menu-2">Menu 2</a></li>
<li><a href="/menu-3">Menu 3</a></li>
</ul>
子菜单
添加一个制表符,菜单项将变为子菜单。
@menu
[tab][tab]Menu 1
[tab][tab][tab]Menu 1a
[tab][tab][tab][tab]Menu 1ax
[tab][tab]Menu 2
@endmenu
创建
<ul>
<li><a href="/menu-1">Menu 1</a><ul>
<li><a href="/menu-1a">Menu 1a</a><ul>
<li><a href="/menu-1ax">Menu 1ax</a></li></ul>
</li></ul>
</li>
<li><a href="/menu-2">Menu 2</a></li>
</ul>
设置 URL
当 URL 与菜单名称不同时,输入逗号并设置 URL
@menu
Menu, /menu-one-location
Menu 2
@endmenu
变为
<ul>
<li><a href="/menu-one-location">Menu</a></li>
<li><a href="/menu-2">Menu 2</a></li>
</ul>
设置类名
如果你的菜单项需要类名,只需在第二个逗号后添加即可
@menu
Menu Item, /menu-item, action
@endmenu
变为
<ul>
<li><a href="/menu-item" class="action">Menu Item</a></li>
</ul>
取消包裹主 标签
如果你需要添加手动菜单项,能够移除包裹的
- 标签很有用。
发布配置文件
php artisan vendor:publish
并将 nowrap 标志更改为 true。
@menu
Menu Item, /menu-item, action
@endmenu
变为
<li><a href="/menu-item" class="action">Menu Item</a></li>
将制表符更改为空格
我明白了。你更喜欢实用主义而不是语义学。如果你愿意,可以将制表符更改为 2 个或 4 个空格。
在发布的配置文件中,输入你喜欢的缩进。
'indent' => '----'
更改管理员链接的前缀
在发布的配置文件中输入你的管理员文件夹名称。
'prefix' => 'dashboard'