组件

Nav 导航菜单

以菜单列表的形式出现,用来实现不同层级页面的跳转, 导航是用户从A点走向B点的重要指引,一般分为顶部导航和侧边导航。 API文档 组件问题反馈和讨论

顶部横向导航 #

在网页顶部使用,用于网站全局导航设置,可配合顶部导航-侧边导航布局使用,此种类型导航建议最多拓展两层内容,用于全局类目的使用,添加 nv-nav-horizontal 样式就可以了。
显示代码

侧边导航 #

垂直菜单,用于显示网站的多级结构,为页面和功能提供导航菜单,在页面左侧。可配合侧边栏导航顶部—左侧导航深色背景使用。只需要在添加样式 nv-nav-tree
显示代码

收起侧边导航 #

点击图标可收起/展开的侧边导航,只需要添加 nv-nav-collapsed ,即为导航收起效果;删除 nv-nav-collapsed 后,则默认为展开效果。
<code>
显示代码