Nav 导航菜单
以菜单列表的形式出现,用来实现不同层级页面的跳转, 导航是用户从A点走向B点的重要指引,一般分为顶部导航和侧边导航。 API文档 组件问题反馈和讨论顶部横向导航 #
在网页顶部使用,用于网站全局导航设置,可配合顶部导航-侧边导航布局使用,此种类型导航建议最多拓展两层内容,用于全局类目的使用,添加 nv-nav-horizontal 样式就可以了。- Navigation 1
- Navigation 2
- Navigation 3
- Navigation 4-Link
侧边导航 #
垂直菜单,用于显示网站的多级结构,为页面和功能提供导航菜单,在页面左侧。可配合侧边栏导航、 顶部—左侧导航深色背景使用。只需要在添加样式 nv-nav-tree 。收起侧边导航 #
点击图标可收起/展开的侧边导航,只需要添加 nv-nav-collapsed ,即为导航收起效果;删除 nv-nav-collapsed 后,则默认为展开效果。<code>
显示代码