ZartUI Mobile · 索引选择器 (Index Selector) v1.1
尺寸规范（遵循 ZartUI 导航栏规范）
状态栏高度
44px
标题栏高度
54px
搜索行高度
54px（搜索框 36px 垂直居中）
Nav 总高（无搜索）
108px（44+54+10）
Nav 总高（有搜索）
162px（44+54+54+10）
列表项高度
48px
颜色规范（G60 / DB60 Token 体系）
导航栏背景
#F5F7FA
文字 / 图标 (G60)
#223355
副文字 (G70)
#6B7A99
搜索框背景
#FFFFFF（无描边）
占位符 / 辅助文字
#A8B4C8（hint）
默认描边 (G40)
#DDE1EB
强调色 (DB60)
#3388FF
选中项背景
#EBF2FF
字体 / 图标规范
导航标题
20px / 500 居中
列表项文字
15px / 400
搜索框文字
14px / 400
分组标题
14px / 400 · G70 副色 #6B7A99
筛选标签文字
14px / 400 · G60
筛选标签描述
14px / 400 · G70 副色
索引字母
12px / 500 · G60
图标描边宽度
stroke-width: 2（操作）/ 1.5（状态栏）
9:41
标题
K
可可托海
昆玉
喀什
L
拉孜
拉萨
林芝
M
墨竹工卡
墨脱
K
L
M
N
Q
W
X
Y
Z
带搜索
9:41
标题
K
可可托海
昆玉
喀什
L
拉孜
拉萨
林芝
M
墨竹工卡
墨脱
N
那曲
南木林
Q
琼结
K
L
M
N
Q
W
X
Y
Z
不带搜索
9:41
标题
当前条件
阿克苏地区一
热门城市
乌鲁木齐
北京
杭州
阿克苏地区一
上海
西安
南京
苏州
展开更多
K
可可托海
昆玉
喀什
L
拉孜
拉萨
林芝
M
墨竹工卡
墨脱
K
L
M
N
Q
W
X
Y
Z
自定义
←
返回组件首页