owk/yii2-circular-navigation

为 Yii 2 框架提供的循环导航小部件。

安装: 31

依赖者: 0

建议者: 0

安全: 0

类型:yii2-extension

v1.0.4 2024-01-12 05:53 UTC

This package is auto-updated.

Last update: 2024-09-12 07:14:07 UTC


README

由 Codrops 创建

http://www.codrops.com

>> 在您的个人或商业项目中免费集成或构建。请不要重新发布、重新分配或以“原样”销售。

了解更多信息: 许可

由 owk 编辑

安装

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

运行以下命令之一:

php composer.phar require --prefer-dist owk/yii2-circular-navigation

或者

"owk/yii2-circular-navigation": "^1.0.0"

将以下内容添加到您的 composer.json 文件的 require 部分中。

使用方法

扩展安装完成后,只需在视图中使用即可。

<?php echo owk\circularnavigation\CircularNavigation::widget([
                'cnoptions'=>[
                    'menu' =>[
                        'background_color' => '#0088cd',
                        'background_color_hover' => 'rgb(12, 135, 212)',
                        // 'openLabel' => 'Menú',
                        // 'closeLabel' => 'Cerrar',
                        // 'color' => 'white'
                    ],
                    'item' => [
                        'background_color' => '-webkit-linear-gradient(90deg, #666666 0%,#319ed8 50%,#666666 100%)',
                        // 'background_color' => '#000',
                        // 'background_color_hover' => '#0088cd'
                    ]
                ],
                'items' => [
                    
                    [
                        'url' =>'#',
                        'icon' =>'glyphicon-list-alt'
                    ],
                    [
                        'url' =>'/',
                        'icon' =>'glyphicon-home'
                    ],
                    [
                        'url' =>'#editar',
                        'icon' =>'glyphicon-pencil'
                    ],
                    // [
                    //     'url' =>'#enviar',
                    //     'icon' =>'glyphicon-send'
                    // ],
                    [
                        'url' =>'#table',
                        'icon' =>'glyphicon-duplicate'
                    ]
                    ,
                    [
                        'url' =>'#aceptar',
                        'icon' =>'glyphicon-phone'
                    ]
                ]
                ]);?>