针对【生产管理 → 我的物料领用记录】页面中【领用记录】【消耗明细】两个 Tab
不够醒目、首次进入不易发现可点击的问题,提供 7 套可选样式。色值对齐 Fresh Mint(#10b981)。
panel-pill-tabs),字号 13px、灰底轨道,
夹在标题与筛选区之间视觉权重低,用户容易把它当成静态标签而非可切换的视图。
与线上一致的居中胶囊 Tab,作为对比参照。
当前线上50/50 等分全宽轨道,白色滑块平滑移动。点击区域最大,辨识度最高。
强烈推荐图标 + 标题 + 副标题说明,双列大卡片。业务含义一目了然。
推荐加大字号(15px)+ 左对齐 + 绿色底边指示。经典 Tab 模式,改动适中。
经典Tab 放在标题右侧同一行,节省纵向空间,与标题形成视觉组合。
紧凑保留胶囊风格但左对齐、加大尺寸,上方加一行「切换视图」引导文案。
渐进改良激活 Tab 左侧主色竖条 + 浅绿渐变底,与列表标题竖条视觉统一。
推荐