zoukankan      html  css  js  c++  java
  • Yii2 menu navbar nav小部件的使用示例

    1、menu使用

    Menu::widget( [
        [
            'label' => $menu['name'],
            'url' => [$menu['route']],
            'items' => [
                    [
                         'label' => $menu['name'],
                         'url' => [$menu['route']]
                ],
                ....
            ]
        ],
        [
            'label' => $menu['name'],
            'url' => [$menu['route']],
            'items' => [
                    [
                         'label' => $menu['name'],
                         'url' => [$menu['route']]
                ]
            ]
        ],
        ..
    ] );
    

      

    2、navbar&&nav

    NavBar::begin([
            'brandLabel' => 'My Company',
            'brandUrl' => Yii::$app->homeUrl,
            'options' => [
                'class' => 'navbar-inverse navbar-fixed-top',
            ],
        ]);
    $menuItems = [
        ['label' => 'Home', 'url' => ['/site/index']],
        ['label' => 'About', 'url' => ['/site/about']],
        ['label' => 'Contact', 'url' => ['/site/contact']],
    ];
    echo Nav::widget([
    'items' => [
        [
            'label' => 'Home',
            'url' => ['site/index'],
            'linkOptions' => [],
        ],
        [
            'label' => 'Dropdown',
            'items' => [
                ['label' => 'Level 1 - Dropdown A', 'url' => '#'],
                    '<li class="divider"></li>',
                    '<li class="dropdown-header">Dropdown Header</li>',
                ['label' => 'Level 1 - Dropdown B', 'url' => '#'],
            ],
        ],
        [
            'label' => 'Login',
            'url' => ['site/login'],
            'visible' => Yii::$app->user->isGuest
        ],
    ],
    'options' => ['class' =>'nav-pills'], // set this to nav-tab to get tab-styled navigation
    ]);
    NavBar::end();
    

      

  • 相关阅读:
    RSA解密时BadPaddingException解决方法
    CAP定理的理解
    服务降级、熔断、隔离
    javascript原型 原型链
    Redis基础数据类型及应用场景
    log4j
    个人免签支付
    Spring Security Oauth2 认证
    elementUI的栅格布局
    用 Vue+ElementUI 搭建后台管理极简模板
  • 原文地址:https://www.cnblogs.com/meetuj/p/11510113.html
Copyright © 2011-2022 走看看