README

Bear Framework 插件

此插件允许您轻松地为您的网站创建多种类型的导航。

下载和安装

通过 Composer 安装

composer require ivopetkov/navigation-menu-bearframework-addon

下载存档

从 GitHub 页面 下载最新版本，并包含自动加载文件。

include '/path/to/the/addon/autoload.php';

启用插件

为您的 Bear Framework 应用程序启用此插件。

$app->addons->add('ivopetkov/navigation-menu-bearframework-addon');

使用方法

<component src="navigation-menu">
    <ul>
        <li><a>Button 1</a></li>
        <li><a>Button 2</a>
            <ul>
                <li><a>Button 2.1</a></li>
                <li><a>Button 2.2</a></li>
                <li><a>Button 2.3</a></li>
            </ul>
        </li>
        <li><a>Button 3</a></li>
    </ul>
</component>

属性

type

      导航的类型。可用的值：horizontal-down, vertical-left, vertical-right, list-vertical, list-horizontal

moreItemHtml

      更多项的 HTML 代码。必须包含 li 和 ul 标签。例如：<li><a>...</a><ul></ul></li>

class

      HTML 类属性值

style

      HTML 样式属性值

示例

导航将是水平的，子菜单将在下方显示。如果一级项目太多，将显示更多项。

<component src="navigation-menu" type="horizontal-down">
    <ul>
        <li><a>Button 1</a></li>
        <li><a>Button 2</a>
            <ul>
                <li><a>Button 2.1</a></li>
                <li><a>Button 2.2</a></li>
                <li><a>Button 2.3</a></li>
            </ul>
        </li>
        <li><a>Button 3</a></li>
    </ul>
</component>

导航将是垂直的，子菜单将向右展开。

<component src="navigation-menu" type="vertical-right">
    <ul>
        <li><a>Button 1</a></li>
        <li><a>Button 2</a>
            <ul>
                <li><a>Button 2.1</a></li>
                <li><a>Button 2.2</a></li>
                <li><a>Button 2.3</a></li>
            </ul>
        </li>
        <li><a>Button 3</a></li>
    </ul>
</component>

许可证

Bear Framework 的导航菜单插件是开源软件。您可以在 MIT 许可证下免费使用。有关更多信息，请参阅 许可证文件。

作者

此插件由 Ivo Petkov 创建。请随时通过 @IvoPetkovCom 或 ivopetkov.com 联系我。