Tabbar 底部导航栏

ZartUI Mobile · 2 / 3 / 4 / 5 菜单布局 · 选中蓝色渐变面状图标

2 个菜单
首页
我的
3 个菜单
首页
发现
我的
4 个菜单
首页
服务
发现
我的
5 个菜单
首页
服务
发现
消息
我的
徽标提示（5 菜单 · 选中第 4 项"消息"）
首页
服务
发现
8
消息
我的
徽标变体：红点 · 个位数 · 两位数 · 99+
无徽标
红点
5
个位数
99+
99+

Tabbar 规范速查表

尺寸

宽度414px
高度72px
图标区域28×28px
顶部分割线1px

颜色

背景#FFFFFF
顶部分割线 (G20)#DDE1EB
选中图标+文字 (DB60)#3388FF
未选中图标+文字 (G40)#A8B4C8
徽标 (danger)#F26450

字体

标签文字10px / 400
选中字重500 (Medium)
徽标数字10px / 500
徽标高度16px

徽标

红点尺寸8×8px
数字徽标min 16px
背景色danger #F26450
文字色#FFFFFF
圆角8px
返回组件首页