商城系統(tǒng) 注冊(cè)

支付寶小程序開(kāi)發(fā)之tabBar標(biāo)簽底部欄實(shí)現(xiàn)方式

2018-02-27|HiShop
導(dǎo)讀:支付寶小程序tabBar標(biāo)簽欄在頁(yè)面的底部,讓用戶可以在不同的頁(yè)面之間快速切換。下面是實(shí)現(xiàn)方式...

  

  支付寶小程序tabBar標(biāo)簽欄在頁(yè)面的底部,讓用戶可以在不同的頁(yè)面之間快速切換。下面是實(shí)現(xiàn)方式:

  定義 & 原則

  標(biāo)簽欄用來(lái)組織信息架構(gòu)在一個(gè)層級(jí)的頁(yè)面。它可以讓支付寶小程序的應(yīng)用信息層級(jí)更扁平,這樣有利于用戶探索到更多的內(nèi)容。最多設(shè)置 5 個(gè) Tab 標(biāo)簽,超過(guò) 5 個(gè)標(biāo)簽時(shí)候,最后一個(gè)用『更多』標(biāo)簽,在『更多』頁(yè)面里展示更多的導(dǎo)航選項(xiàng)。

支付寶小程序開(kāi)發(fā)之tabBar標(biāo)簽底部欄實(shí)現(xiàn)方式

  標(biāo)簽欄的圖標(biāo)和文字可以自定義,顏色不能做修改,用支付寶提供的標(biāo)準(zhǔn)鏈接色。切換頁(yè)面的時(shí)候要在當(dāng)前頁(yè)面切換,不能新開(kāi)頁(yè)面。

 

支付寶小程序
支付寶NavBar 導(dǎo)航欄 支付寶小程序開(kāi)發(fā)文檔步驟 支付寶小程序發(fā)布流程

     以下是支付寶小程序開(kāi)發(fā)之tabBar標(biāo)簽底部欄實(shí)現(xiàn)方式,希望能夠大家作為參考,謝謝。
 

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

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

電話咨詢 預(yù)約演示 0元開(kāi)店