Imported from esunyao/DietClient (
packages/diet_ui/AGENTS.md). Install upstream withnpx skills add esunyao/DietClient --skill diet_ui. Copyright stays with the author.
设计系统导航
- 导出入口;子层阅读入口:主题导航、控件导航
- 颜色、主题装配
- 几何与字阶:AppLayout、AppTypography;目标见 视觉规格
- 页面:常规高度固定标题与 footer、短视口合并滚动及一次安全区消费;AppPageScope 仅传导航覆盖量
- 导航展示:手机胶囊岛、宽屏横向文字 tab,不依赖应用路由
- 布局与列表:按实际约束的754:352双栏、标准 ListTile 薄封装、本地插画
- 基础控件:AppCard Material/padding 契约、可选 radius 与可换行分段控件;卡片回归
- 营养图表:fl_chart 薄封装、可选高度/末柱强调/缺失标识;数值不补零
- 玻璃背景 / 镜片:平台后端与能力回退;聚焦回归
- 图标、包声明、Phosphor 许可
- 方形图片裁剪:crop_your_image 薄封装,输入/输出字节,取消返回 null;图片选择与上传归 profile
- 应用展示偏好入口:core;导航装配:app
库选型与来源见 library。
-
连续三态、预览拖动与无障碍:app_navigation.dart;交互回归
-
桌面侧栏:96/216 覆盖式玻璃导航、统一可逆进度、单图标与固定文字槽位、悬停/键盘/菜单展开、短视口滚动;应用通过
accountBuilder(double expansion)注入账户展示和路由回调。运动回归;AppPageScope.uiPreview 默认 false,只传预览展示状态。
AppPage 的 demoLabel 默认 null,演示页面显式传入标识;共享 UI 组件不推断数据来源。
