通用功能
界面主题与显示
当前小程序的主题现状、导航栏随角色变色的规则,以及深色模式的规划
加载中...
FeeYoo 的设计系统(DesignS V2.9.4)同时定义了浅色与深色两套色板,但当前小程序版本仅启用浅色主题,界面上没有主题切换入口。
| 项目 | 现状 |
|---|---|
| 默认主题 | 固定浅色(暖白背景 #fffef8 系列) |
| 主题切换入口 | 暂未开放(「我的 → 设置」中没有主题项) |
| 跟随系统深色 | 未启用 |
| 深色模式 | 色板已就绪,等待后续版本开放 |
小程序界面颜色主要由 FeeYoo 设计令牌统一控制(品牌橙
#ff8927、状态色与圆角等)。由于微信小程序的渲染环境不支持 OKLCH,颜色均带有 HEX
兜底色,保证不同机型显示一致。
虽然主题不可切换,但导航栏配色随当前角色自动变化,这是一眼确认身份的最快方式:
| 角色 | 导航栏 |
|---|---|
| 货主端 | 白色背景、黑色文字与图标 |
| 飞手端 | 品牌橙背景 #ff8927、白色文字与图标 |
切换角色后,页面会立即按新角色的配色与导航结构刷新。
部分使用自定义头部的页面(如 RID 管理、团队管理等)由页面自身绘制标题栏,配色以页面实际样式为准。
深色模式的色板(背景、卡片、文本、状态色的暗色映射)在设计系统中已经定义完成,会在后续版本中随主题设置一起开放;届时将支持「浅色 / 深色 / 跟随系统」三种模式,选择会保存在本机,下次打开自动恢复。
Q:为什么文字看起来偏小 / 偏大? A:小程序界面按系统字体缩放渲染。可以在手机「设置 → 显示 → 字体大小」中调整;若调整后出现排版异常,欢迎反馈截图。
Q:能不能关掉动画? A:暂时没有动画开关。加载类骨架屏与进度动画有助于判断系统是否在正常工作,不建议关闭。
Q:某些页面在强光下看不清? A:当前为浅色主题,建议提高手机屏幕亮度;相关反馈可以通过「意见反馈」提交,我们会纳入深色模式与对比度优化。