Tab

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

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

• Tab 分為 小程序 Tab 和頁(yè)面 Tab 兩種，應(yīng)用在不同的信息層級(jí)中

• 小程序 Tab 通常用來(lái)切換小程序內(nèi)的各個(gè)主要功能模塊，位置在小程序最頂級(jí)頁(yè)面的底部，用戶(hù)可以通過(guò)點(diǎn)擊操作來(lái)切換 Tab

• 頁(yè)面 Tab 用來(lái)對(duì)當(dāng)前頁(yè)面中的信息進(jìn)行分類(lèi)展示，用戶(hù)可以通過(guò)橫滑或點(diǎn)擊的方式來(lái)切換 Tab

使用原則

• Tab 上的文字盡量簡(jiǎn)潔明了，長(zhǎng)度控制在 個(gè)字符

• 小程序 Tab 的數(shù)量不宜過(guò)多，若超過(guò) 5 個(gè)，建議需要重新梳理小程序的信息架構(gòu)

• 認(rèn)真考慮用戶(hù)默認(rèn)停留在哪個(gè) Tab（通常是第一個(gè)），預(yù)判用戶(hù)認(rèn)知

自定義

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

• Tab 的底色支持自定義