设计全局工具栏控件（货币/语言/地区/单位）时…

当需要为整个产品添加货币、语言、地区、单位等全局偏好选择器时，用持久但低调的工具栏或页脚位置承载它们。

适用场景

解决思路

1. 把影响整个产品体验但非用户主要任务的全局控件（货币选择器、语言/地区切换器、单位制、主题切换、无障碍偏好）放入持久且低调的位置，如页头工具栏或页脚。
2. 将全局控件与用户账户设置（放在个人资料菜单中）和上下文设置（放在其影响的功能旁边）区分开，不要混在一起。
3. 放置方式一：页头工具条——在主头部上方或内部增加一条次要行，右对齐，常见于电商和国际化站点。
4. 放置方式二：页头右侧紧凑内联——与主导航同一行、最右侧，使用小字号和最小视觉权重。
5. 放置方式三：页脚——用于用户设置一次后很少再改的控件，语言和地区选择器常出现在大型国际站点（如 Airbnb、Apple）的页脚。
6. 放置方式四：专用设置区——偏好项较多时用设置页或面板承载，工具栏只提供指向它的链接，而不是把所有内容塞进工具栏。
7. 字号设为 13–14px，刻意小于正文（按字号体系最大 14px）。
8. 颜色使用次要文本色（如 --color-text-secondary），不要用主文本色。
9. 不使用粗体，仅用常规字重。
10. 使用比主导航项更紧凑的内边距。
11. 相邻控件之间用 | 或细竖线分隔（如 language | currency），在不使用完整按钮外观的情况下保持分组。
12. 参考样式：.toolbar-control { font-size: var(--text-sm); color: var(--color-text-secondary); font-weight: 400; padding: 4px 8px; }
13. 交互采用紧凑下拉：点击标签打开小弹层或 select 展示可选项。
14. 触发器标签显示当前值，如 EUR ▾、EN ▾。
15. 语言用国旗图标 + 语言代码，货币用货币符号 + 代码。
16. 选项列表保持简短；若超过约 20 项，在下拉框内加搜索输入。
17. 选中后立即生效；若变化有明显可见效果，用 toast 或内联更新做简短状态确认。
18. 自查：全局控件是否在所有页面位置一致。
19. 自查：排版是否比主导航更小、更弱化。
20. 自查：控件是否以当前值作为标签。
21. 自查：下拉/弹层是否紧凑且可键盘导航。
22. 自查：全局控件是否与用户账户设置分离。
23. 自查：移动端上全局控件是否可访问但不显眼（小屏常移入菜单或页脚）。

适用边界 · 注意事项

• 不要用于用户账户设置（应放在个人资料菜单中）。
• 不要用于上下文设置（应放在其影响的功能旁边）。
• 偏好项较多、较复杂时不要全部塞进工具栏，应改用专用设置页或面板。