MUI學習02-頂部導航欄
阿新 • • 發佈:2017-10-27
連接 工具條 -a -c title dcl article header 選項卡
建議:先看一下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>
MUI學習02-頂部導航欄