商城系統(tǒng) 注冊

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

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

  

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

  定義 & 原則

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

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

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

 

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

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

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

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

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