侧边栏导航适用于菜单项较多、层级较深的场景。蓝色小导航为侧边栏提供了完整的支持。
固定侧边栏
固定侧边栏始终保持在视口左侧,适合后台管理系统等需要频繁切换页面的场景。设置方式非常简单:
BlueNav.init('#sidebarNav', {
mode: 'sidebar',
position: 'fixed',
width: '240px'
});
可折叠侧边栏
当屏幕空间有限时,可折叠侧边栏能自动收起,为内容区域腾出更多空间。蓝色小导航支持点击按钮或拖拽边缘来切换展开/折叠状态。
多级菜单
侧边栏天然适合展示多级菜单结构。蓝色小导航支持无限层级的嵌套菜单,并提供了流畅的展开/收起动画。
侧边栏布局模式后台管理