上一章介紹了OnsenUI一些入門的知識(shí)以及它和AngularJS配合的初始化方法。這一章,咱們繼續(xù)對(duì)這塊內(nèi)容進(jìn)行介紹,對(duì)OnsenUI提供的組件進(jìn)行更進(jìn)一步的學(xué)習(xí)。
咱們從手機(jī)應(yīng)用布局的最上面開始。手機(jī)應(yīng)用布局最頂端,也就是經(jīng)常提到的工具欄,是幾乎每個(gè)應(yīng)用都會(huì)存在的組件。這么經(jīng)常出現(xiàn)的組件,OnsenUI當(dāng)然會(huì)提供。<ons-toolbar>,這個(gè)就是OnsenUI提供的組件,這個(gè)組件使用起來(lái)非常的簡(jiǎn)單,最常見的使用場(chǎng)景就是<ons-page>下。
除了了解它使用的位置,還要再看它的基本布局。<ons-toolbar>組件分左中右三部分: