dnabeast/tabmenu

Blade 的 HTML 菜单创建器

1.1.0 2019-02-23 01:01 UTC

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'