1. 程式人生 > >MUI學習02-頂部導航欄

MUI學習02-頂部導航欄

連接 工具條 -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-頂部導航欄