srdjan92/yii2-floating-menu

根据特定情况的需求,具有展开/折叠功能的浮动菜单。

1.0.1 2019-02-10 22:17 UTC

This package is auto-updated.

Last update: 2024-09-11 14:07:10 UTC


README

将浮动菜单定位在页面左侧,根据特定情况的需求具有展开/折叠功能。

安装

安装此扩展的首选方式是通过 composer

运行以下命令之一:

php composer.phar require --prefer-dist srdjan92/yii2-floating-menu "^1.0.0"

或者将以下内容添加到您的 composer.json 文件的 require 部分:

"srdjan92/yii2-floating-menu": "^1.0.0"

用法

<?php

// basic example of floating widget

echo \srdjan\floatingmenu\FloatingMenu::widget([
    'toggleOptions' => [
        'collapseOptions' => ['class' => 'fal fa-arrow-alt-left'],
        'expandOptions' => ['class' => 'fal fa-arrow-alt-right']
    ],
    'items' => [
        [
            'url' => ['site/index'],
            'label' => "<i class='fal fa-envelope'></i> <span>Messages</span>"
        ],
        [
            'url' => ['/notification/index'],
            'label' => "<i class='fal fa-bell'></i> <span>Notifications</span>"
        ],
        [
            'url' => ['/account/profile'],
            'label' => "<i class='fal fa-user'></i> <span>Profile</span>"
        ],
        [
            'url' => ['/settings/disapprove'],
            'label' => "<i class='fal fa-users'></i> <span>Fans</span>"
        ],
        [
            'url' => ['/settings/approve'],
            'label' => "<i class='fal fa-user'></i> <span>Club</span>"
        ],
        [
            'url' => ['/settings/index'],
            'label' => "<i class='fal fa-cog'></i> <span>Settings</span>"
        ],
    ]
]); ?>

在上述示例中使用了 fontawesome 图标,您可以使用任何符合您需求的图标库。浮动小部件库不依赖于任何图标库。