導覽詞條 2-51
分頁Tabs
也常叫做:頁籤、Tab、標籤切換
你可能會這樣說
會員頁上方一排「訂單、收藏、設定」,點不同頁籤底下的內容就跟著換——不用換頁面的切換方式。
白話解釋
分頁是用一排標籤切換同一區塊內容的元件:點「訂單」顯示訂單、點「收藏」顯示收藏,頁面不用重新載入。
它跟按鈕群組的差別:分頁是換內容,按鈕是做事;而且要讓人看出目前在哪一頁,常用底線或底色標示。
跟 AI 溝通時把每個分頁的名稱和內容列清楚,並指定選中樣式。
親手試試
保冷保溫兩用瓶 750ml
真空雙層,保冷 24 小時、保溫 12 小時;瓶口 5 公分,冰塊直接放。
真空雙層,保冷 24 小時、保溫 12 小時;瓶口 5 公分,冰塊直接放。
說明頁放故事與賣點。
容量 750ml/重量 380g/材質 316 不鏽鋼/耐熱 100°C
規格頁放規格數字,一行一項。
★★★★☆ 4.6 「保冰真的猛,車上放一天還有冰。」——陳小姐
評價頁放其他買家的話。
分頁的兩個責任:目前頁要高亮、切換不用重新載入。
這樣對 AI 說
中文就可以
會員中心做三個分頁:訂單、收藏、設定。 目前分頁下方有一條品牌色底線,切換內容不重新載入。 記住使用者最後停留的分頁,下次進來直接顯示。 分頁超過五個時,可以左右滑動。