Tabbar Component · Autocava Design System

🎨 4 个 Tab（Início / Financiamiento / Autos / Mi cuenta）

类型=首页 · 第 1 个 Tab 激活（Início）

Inicio

Financiamiento

Autos

Mi cuenta

类型=预审 · 第 2 个 Tab 激活（Financiamiento）

Inicio

Financiamiento

Autos

Mi cuenta

📐 Spec Details

Width

375px（H5 viewport）

Height

64px

Tab 数

4 个（均分宽度）

背景

#FFFFFF

顶部边框

1px solid #F1F1F1

Tab 默认色

#666666 / 500

Tab 激活色

#222222 / 600

激活指示条

28×3 顶部居中 / #FFCF20

Icon 字号

22px

Tab 文字

11px / 500-600

🎯 使用规则

H5 专用：本组件仅用于移动端 H5；PC 端用 [`pc-顶部导航`](../components/)
4 个 Tab：示例 Início / Financiamiento / Autos / Mi cuenta（西语 — 根据你的市场改）
激活态：文字加重 + 顶部 28×3 黄色指示条
Iconify：用 lucide: 图标库（home / dollar-sign / car / user）
常驻底部：用 position: fixed; bottom: 0，不要 absolute
安全区：iOS 底部要加 env(safe-area-inset-bottom)