SuperAPI AI 工具集

shell-ui

前端与建站

查看项目

更新于 10-15 10:21

技能介绍

Shell UI 是一套针对 src/app/shell 的 Shell 模块模式,目标是拥有全局应用外壳与跨领域 UI 状态,同时不泄漏业务逻辑。

用途 它负责应用级 UI 的骨架与全局状态,包括布局组合、全局导航、应用级 UI 脚手架,以及在确实属于跨领域时使用的全局 UI 状态存储,例如主题、提示条/消息条(toasts/snackbars)和搜索 UI 状态。

边界 Shell 不拥有能力(capability)业务逻辑。Shell 消费面向应用的信号(signals),不直接调用仓储(repositories)。

UI 规则 仅使用独立组件(standalone components)。模板仅通过 Angular 控制流绑定到信号。使用 Material 3 令牌,避免为颜色与排版硬编码 CSS 值。

导航 优先采用路由驱动的组合与懒加载。使用 inject() 配合函数式守卫(guards)与解析器(resolvers)。

无障碍 确保键盘导航、焦点可见性、语义化地标(semantic landmarks),以及为全局布局提供跳转链接(skip links)。

适用场景 适用于采用 Angular 且需要统一管理应用外壳、全局导航、主题与跨领域 UI 状态的前端项目,尤其是希望将业务逻辑与全局 UI 关注点分离、并遵循 Material Design 3 令牌与无障碍要求的项目。

限制 资料未提供具体安装命令、代码示例、收费方式、支持平台或效果说明,这些内容暂未提供。