支付寶小程序NavBar導航欄開發(fā)實例

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

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

　　導航區(qū)：

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

　　標題區(qū)：

　　開發(fā)者可以為每個頁面定義標題，標題的文字展示區(qū)域固定，超出長度則會被省略。如果缺省則默認顯示支付寶小程序的服務/應用的名字;

　　操作區(qū)：

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

 

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

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