1）用來：做好分類，節(jié)省空間，等需要的時候更容易找到！

2）形式：固定、滑動

谷歌規(guī)范中規(guī)定：一組固定 tabs 至少包含 2 個 tab 并且不多于 6 個 tab，并且在一行內(nèi)顯示。

固定

滑動

3）長度分類：固定、可變

【1】固定：小短線非常短、平均等分、除去兩邊頁邊距后平均等分

貓眼電影——電影模塊

映客的貢獻榜頁面

貓眼——我的訂單頁面

【2】可變化

Bilibili

這種方式會使頁面及切換效果比較舒服，缺點就是開發(fā)哥哥需要多些幾行代碼。

4）注意事項1

我們看同樣是貓眼和映客app里面的界面，一級導航的小短線很短，二級導航的小短線就很長。

貓眼

映客

分析如下：

一級導航會有其他圖標，如果小短線太長會使整個導航看著太亂太復雜。

二級導航一般沒有多余的信息和圖標，所以小短線用的長一點也沒關(guān)系，反而讓層級更清晰，頁面更飽滿。

不過有時候二級導航也會選擇讓小短線很短，使整個頁面更加簡潔清爽，例如美團的訂單頁面：

美團

5）注意事項2

長寬比