SMTNavigationBar

本功能是响应大家需求，后期加上的，其实本人在公司项目或者个人项目中是不太使用该功能的。以前那些传统后台框架往往会包含此功能，由于以前的后台项目大部分都是多页面的形式，所以标签栏导航功能还是具有一定意义的，大部分都是基于 iframe 的方式实现的。 但随着时代的发展，现在的后台项目几乎都是 spa(single page web application 单页面开发)，再使用以前的方案来实现标签导航

导航栏是一个将商标、导航以及别的元素简单放置到一个简洁导航页头的的包裹。它很容易扩展，而且，在折叠板插件的帮助下，它可以轻松与幕后内容整合。 基础 这些是你开始使用导航条之前需要知道的东西： 导航条要求一个包裹的.navbar以及一个配色方案类（可以是.navbar-default或者.navbar-inverse）。 当在一个导航条中使用多个组件时，必须用一些 对齐类 。 导航条以及它们的内容默

导航栏是一个固定区域 （在固定和穿透布局类型中） 。它位于屏幕顶部，包含页面标题和导航元素。 导航栏包含3个部分：左、中、右。每个部分都可以包含任意的HTML内容，但推荐按照如下方式使用： 左部 用来放置返回链接、图标以及单独的文字链接。 中部 用来显示页面标题和标签链接（即按钮控制）。 右部 和左部一样。 导航栏布局 导航栏布局相当简单，根据字面意思即可理解： <div class="navba

navigation-bar 属性 类型 默认值 必填 说明 最低版本 title string 否 导航条标题 2.5.1 loading boolean false 否 是否在导航条显示 loading 加载提示 2.5.1 front-color string 否 导航条前景颜色值，包括按钮、标题、状态栏的颜色，仅支持 #ffffff 和 #000000 2.5.1 background-c

简易的导航栏 Simple navbar Jquery Mobile 提供了一个基本的导航栏组件，每一行可以最多放5个按钮，通常在顶部或者底部 导航栏的代码为一个ul列表，被一个容器包裹，这个容器需要有data-role="navbar"属性。要设定某一个链接为活动（selected）状态，给链接增加class="ui-btn-active" 即可。我们给尾部栏设置了一个导航栏，把one项设置为活

Bootstrap中的导航组件分享了常用的标记和样式，从基本的.nav类到激活和禁用的状态。交换修饰类，可以在各种样式之间切换。 关于易用性 如果你使用导航来制作一个导航栏，请确保向<ul>的逻辑父元素添加了role="navigation"或者给整个导航条包裹一个<nav>元素。不要在<ul>的本身上面添加这个role，因为这将阻止它被使用辅助技术的用户声明为一个真正的列表。 基础导航 通过扩展

在 NAV.md 文件可配置网站的导航标题、logo、菜单列表信息，简单示例如下： # YDoc  * [文档](/documents/index.md) * [文档规范](/style-guide/index.md) * [插件](/plugins/index.md) 上面的 markdown 内容可生成如下导航信息： 标题：YDoc

监听url的变化 监听当前位置的更改： const onLocationChanged = (location) => { console.log(location.pathname); console.log(location.query); console.log(location.hash); }; module.exports = GitBook.createPl