标签页

大白话解释

标签页是排成一行的那几个可点标题，点哪个下面就换哪块内容，页面本身不会跳走。比如个人中心底下分成资料、订单、设置几个页签。

它像文件夹里的分隔页：所有内容还在同一个文件夹里，只是用不同颜色的小舌头分开，你翻到哪一页就看哪一页。

它最大的好处是省地方又不用跳转。但页签也不适合塞太多，一般四到六个就到了极限，再多就得横着滚动，用户根本找不到自己要的那一页在哪。

什么时候会遇到

• 看设计稿时，标题下面有一排文字，其中一个是深色加下划线的，其余是浅灰的。
• 产品要在页签里再套一排页签，你担心用户会彻底绕晕。
• 用户从订单页签切到资料页签再切回来，发现填了一半的内容全没了。
• 页签太多在手机上被挤成一团，每个都小得点不准。
• 跟 Agent 沟通时你说页面上那排切换的选项，对方要确认是标签页还是导航。

可以直接对 Agent 说

「个人中心页面用标签页分成资料、订单、设置三个，点击切换下面的内容，当前选中的那个页签要有明显的高亮和下划线。」

「用户在这些页签之间来回切换时，已经填好的表单内容要保留住，不要一切走就清空。」

「页签数量在手机上太多了会挤成一排小字，帮我改成可以横向滑动的形式，并且把当前选中的那个自动滚到可见的位置。」