导航 nav

用法

输出导航菜单，需要与其他组件组合使用。

结合 item 组件

推荐使用 item 组件， item 组件基于 actionItem 组件，item 详细用法参考 actionItem 组件。

nav
(
    item
    (
        set::text('首页'),
        set::url('/home.html')
    ),
    item
    (
        set::text('博客'),
        set::url('/blog.html'),
        set::icon('rss')
    ),
    item
    (
        set::type('dropdown'),
        set::text('了解更多'),
        set::items(array(array('text' => '关于我们')))
    )
);

使用 items 属性

通过 items 属性设置一个导航项定义数组，这样可以一次性指定所有导航项，非常方便从外部配置动态生成导航：

$navItems = array();
$navItems[] = array('text' => '首页', 'url' => 'home.html');
$navItems[] = array('text' => '博客', 'url' => 'blog.html', 'icon' => 'rss');
$navItems[] = array('type' => 'dropdown', 'text' => '了解更多', 'items' => array(array('text' => '关于我们')));

nav(set::items($navItems));

结合其他组件

div
(
    nav
    (
        li
        (
            setClass('nav-item'),
            a('首页', set::href('home.html'))
        ),
        li
        (
            setClass('nav-item'),
            a(set::icon('rss'), '博客', set::href('blog.html'))
        )
    )
);

属性

名称	类型	所属部件	可选	默认值	说明
items	array'	nav	✓	null	使用数组指定导航中的每一项。

块

无

数据

无