這篇(′?ω?`)文章主要介紹了AmazeUI 手機版(′Д` )頁(yè)面的機版頂部導航條Header與側邊導航欄offCanvas,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細，對大家的頁(yè)面學(xué)習或工作具有一定的參考借鑒價(jià)值，需要的頂導航的示朋友可以參考下
頂部導航條如果你細心留意下現在的頁(yè)面，實(shí)在是部導太常見(jiàn)了。這個(gè)組件在手機端的航條頁(yè)面中，同樣可以借助AmazeUI這個(gè)前端框架實(shí)現。側邊與此同時(shí)，欄o例代可以在導航欄的機版最右方加一個(gè)觸發(fā)側邊導航欄offCanvas。不要再使用BootStrap那種，頁(yè)面一旦點(diǎn)擊就大幅度下拉的頂導航的示導航了，反正我個(gè)人覺(jué)得很蛋疼的部導。一個(gè)導航活活地占據了頁(yè)面大量位置。航條這個(gè)側邊導航欄offCanvas曾經(jīng)是側邊php方面的WorkPress的優(yōu)秀設計來(lái)的。
使用Amaz(°□°)eUI做出來(lái)的欄o例代效果如下：
首先是頂部導航欄的代碼：
