Yii2 nav active 控制器信息显示页面高亮 - 话题

pear2007 2015-12-24 16:52:38 5791次浏览 3条回复 2 0 0

Yii2 nav active 控制器信息显示页面高亮部分代码希望能够抛砖引玉

NavBar::begin([
    'brandLabel' => 'XX公司',
    'brandUrl' => Yii::$app->homeUrl,
    'options' => [
        'class' => ' navbar-style',
    ],
]);
$menuItems = [

    ['label' => '首页', 'url' => ['/site/index']],
    ['label' => '产品', 'url' => ['/pro/index'],
    'options'=> ['class'=>yii::$app->controller->id=="pro"?"active":""],
    ],
    ['label' => '新闻', 'url' => ['/news/index'],
    'options'=> ['class'=>yii::$app->controller->id=="news"?"active":""],
    ],
    ['label' => '单页', 'url' => ['/page/index']],
    ['label' => '分类', 'url' => ['/channel/index']],
    ['label' => 'About', 'url' => ['/site/about']],
    ['label' => 'Contact', 'url' => ['/site/contact']],
];

Yii2 nav active

pear2007 回复于 2015-12-24 16:55 举报

默认的情况下可能是这样的

<ul id="w5" class="navbar-nav navbar-right nav-tabs nav"><li class="active"><a href="/">首页</a></li>
<li ><a href="/pro">产品</a></li>
<li ><a href="/news">新闻</a></li>
<li><a href="/page">单页</a></li>
<li><a href="/channel">分类</a></li>
<li><a href="/about">About</a></li>
<li><a href="/contact">Contact</a></li>
<li><a href="/signup">Signup</a></li>
<li><a href="/login">Login</a></li></ul></div></div></nav>

但是我总感觉这个方法不够完美希望高手指点

共 1 条回复

koko 回复于 2015-12-25 09:17 回复

现有的css满足不了你的需求就自己定义呗

pear2007 回复于 2015-12-29 09:49 举报

怪我没说清楚直接用没问题但是如果是信息类的那么显示信息页面的 nav 就没有高亮了全部变成了一个颜色

回复 0 0

pear2007 回复于 2016-09-03 16:38 举报

'components' => [

     // ......  省略  ......
     
    'assetManager'=>[
        'bundles'=>[
            'yii\bootstrap\BootstrapAsset' => [
                'css' => []
            ],
            'yii\web\JqueryAsset' => [
                'sourcePath' => null,
                'js' => []
            ],
        ],

    ]
],

您需要登录后才可以回复。登录 | 立即注册

副总裁

pear2007

注册时间：2015-10-26
最后登录：2023-01-10
在线时长：101小时55分

粉丝13
金钱4995
威望70
积分6705

Yii2 nav active 控制器信息显示页面高亮 [ 技术分享 ]

共 3 条回复

回复话题

pear2007

热门话题