Tab

2020-02-12 18:30 更新

Tab 用來展示多個并列的分類內(nèi)容,使用戶可以快速的在多個頁面的內(nèi)容之間跳轉(zhuǎn)


主要樣式&應(yīng)用場景

  • Tab 分為 小程序 Tab 和頁面 Tab 兩種,應(yīng)用在不同的信息層級中
  • 小程序 Tab 通常用來切換小程序內(nèi)的各個主要功能模塊,位置在小程序最頂級頁面的底部,用戶可以通過點(diǎn)擊操作來切換 Tab
  • 頁面 Tab 用來對當(dāng)前頁面中的信息進(jìn)行分類展示,用戶可以通過橫滑或點(diǎn)擊的方式來切換 Tab

圖片名稱


使用原則

  • Tab 上的文字盡量簡潔明了,長度控制在 個字符
  • 小程序 Tab 的數(shù)量不宜過多,若超過 5 個,建議需要重新梳理小程序的信息架構(gòu)
  • 認(rèn)真考慮用戶默認(rèn)停留在哪個 Tab(通常是第一個),預(yù)判用戶認(rèn)知


自定義

  • 小程序 Tab 的圖標(biāo)支持自定義
  • Tab 的底色支持自定義

圖片名稱

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號