MUI學習02-頂部標題欄

建議：先看一下MUI注意事項

連接：http://ask.dcloud.net.cn/article/122

---

固定欄靠前

所謂的固定欄，也就是帶有.mui-bar屬性的節點，都是基於fixed定位的元素；

常見組件包括：頂部導航欄（.mui-bar-nav）、底部工具條(.mui-bar-footer)、底部選項卡（.mui-bar-tab）

元素使用時需遵循一個規則：放在.mui-content元素之前，即使是底部工具條和底部選項卡，也要放在.mui-content之前，否則固定欄會遮住部分主內容；

---

頂部導航欄（.mui-bar-nav）

<header class="mui-bar mui-bar-nav mui-bar-nav-bg">
    <a id="icon-menu" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <a class="mui-action-back mui-icon mui-icon-home mui-pull-right mui-a-color"></a>
    <h1 class="mui-title">標題文字</h1>
</header>

效果如下：