Yii2.0使用NavBar和Nav渲染页面

use yii\helpers\Html;
use yii\bootstrap\Nav;
use yii\bootstrap\NavBar;

//NavBar的开始标签
   NavBar::begin([
       'options' => [
           'class' => "top-bar animate-dropdown"//最外边层的样式
       ],
   ]);
    echo Nav::widget([
        'options' => ['class' => 'navbar-nav navbar-left'],//显示在左边
        'items' => [
            ['label' => '首页','url' =>['/index/index'] ],
            Yii::$app->session['user']['isLogin'] == 1 ? (
                ['label'=>'我的购物车','url'=>['/cart/index']]
            ) : '',
            Yii::$app->session['user']['isLogin'] == 1 ? (
                ['label'=>'我的订单','url'=>['/order/index']]
            ) : '',
        ],
    ]);
    echo Nav::widget([
        'options' => ['class' => 'navbar-nav navbar-right'],//显示在右边
        'items' => [
            Yii::$app->session['user']['isLogin'] != 1 ? (
                ['label'=>'登录','url'=>['/member/auth']]
            ) : '',
            Yii::$app->session['user']['isLogin'] != 1 ? (
                ['label'=>'注册','url'=>['/member/reg']]
            ) : '',
            Yii::$app->session['user']['isLogin'] == 1 ? (
                Yii::$app->session['user']['username'] . ',欢迎回来' ." ". Html::a('退出',['/member/logout'])
            ) : '',
        ],
    ]);
   NavBar::end();
//NavBar的结束标签

显示效果如下：

步骤介绍：

1.引入Nav和Navbar;

2.Navbar需要有开始标签和结束标签；

3.在开始标签和结束标签的中间需要使用：

Nav::widget([

'options' => [],//可以写样式和其他的配置之类的

'items' => [

['label' => '导航菜单的名称'，'url' =>['/member/auth']],

])

在items中就写菜单的名称和菜单的链接就可以了，有几个就直接写几个，不过是需要以数组的形式。

对Yii2.0越熟悉就会发现有许多的小组件和插件可以使用，仅作自己的学习笔记，记上一笔。

Yii2.0使用NavBar和Nav渲染页面

猜你喜欢