saahibalejandro / laravel-active-menu

Blade 指令，以干净、简单的方式管理菜单状态。

维护者

详细信息

github.com/sahibalejandro/laravel-active-menu

源代码

问题

安装: 124

依赖: 0

建议者: 0

安全: 0

星标: 1

关注者: 2

分支: 0

开放问题: 0

1.2.1 2016-09-07 06:31 UTC

Requires (Dev)

MIT 10108d07ceedf477f9fc8ab9401d04ffa55ae9e6

  • Sahib J. Leo <sahib.woop@sahib.io>

This package is not auto-updated.

Last update: 2024-09-14 19:42:12 UTC

README

Build Status Latest Stable Version Total Downloads License

为 Laravel 5.1+ 提供Blade指令，以干净、简单的方式管理菜单状态。

安装

composer require sahibalejandro/laravel-active-menu

用法

调用 @activate(...) 来指定激活的菜单

@activate('security_settings')

现在调用 @active(...) 指令来了解指定的菜单是否激活

<ul>
    <li>
        <a href="/settings">Settings</a>
        <ul class="dropdown">
            <li class="@active('security_settings')">
                <a href="/settings/security">Security</a>
            </li>
        </ul>
    </li>
</ul>

如果给定的菜单被激活，这个指令将打印字符串 active。上面的例子将产生以下HTML

<ul>
    <li>
        <a href="/settings">Settings</a>
        <ul class="dropdown">
            <li class="active">
                <a href="/settings/security">Security</a>
            </li>
        </ul>
    </li>
</ul>

现在只需在您的CSS中添加 li.active a { ... } 样式，您就准备好了。

使用点号表示法

使用点号表示法来激活菜单的级联，例如，使用这个指令

@activate('settings.security')

这将激活 settings 和 settings.security，因此以下指令将打印字符串 active

@active('settings')
@active('settings.security')

更改类名

您可以通过将其作为第二个参数传递来更改类名

@active('user.account', 'link-active')

但我强烈建议您遵守约定并使用默认值。