支付寶小程序NavBar導(dǎo)航欄開發(fā)實(shí)例

        支付寶小程序之NavBar 導(dǎo)航欄的實(shí)現(xiàn)，是一項(xiàng)很重要的開發(fā)技能，是重要的導(dǎo)航組件，下面為大家介紹NavBar 導(dǎo)航欄開發(fā)如何實(shí)現(xiàn)？
 

　　支付寶導(dǎo)航欄分為導(dǎo)航區(qū)域、標(biāo)題區(qū)域以及操作區(qū)域。其中導(dǎo)航區(qū)控制程序頁面進(jìn)程。在 iOS 和 Android 展示有所不同，如下圖所示：
　　支付寶小程序的頁面，需要通過嵌入支付寶的導(dǎo)航框架，然后再展示給用戶的;支付寶導(dǎo)航欄直接繼承于客戶端，開發(fā)者無需亦不可以對(duì)其中的內(nèi)容進(jìn)行自定義。但開發(fā)者需要規(guī)定各個(gè)頁面的跳轉(zhuǎn)關(guān)系，讓導(dǎo)航系統(tǒng)能夠以合理的方式工作。

　　導(dǎo)航區(qū)：

　　通常只有一個(gè)操作，即返回上一級(jí)界面。開發(fā)者只能定義其內(nèi)容;當(dāng)用戶進(jìn)入支付寶小程序的頁面層級(jí)超過三級(jí)以后，同時(shí)顯示返回和關(guān)閉按鈕，關(guān)閉則離開支付寶小程序的頁面，回到支付寶;

　　標(biāo)題區(qū)：

　　開發(fā)者可以為每個(gè)頁面定義標(biāo)題，標(biāo)題的文字展示區(qū)域固定，超出長(zhǎng)度則會(huì)被省略。如果缺省則默認(rèn)顯示支付寶小程序的服務(wù)/應(yīng)用的名字;

　　操作區(qū)：

　　操作區(qū)默認(rèn)為“更多”圖標(biāo)，點(diǎn)擊喚起操作菜單;開發(fā)者也可以自定義操作區(qū)，最多定義兩個(gè)圖標(biāo)的操作按鈕或者一個(gè)文字(兩個(gè)字)的操作按鈕;

 

HiShop小程序工具提供多類型商城/門店小程序制作，可視化編輯 1秒生成5步上線。通過拖拽、拼接模塊布局小程序商城頁面，所看即所得，只需要美工就能做出精美商城。

更多小程序開發(fā)案例，盡在：http://m.descansotropical.com/xiaocx/kaifa.html