SuperAPI AI 工具集

build-page-layout

通用与其它

查看项目

更新于 10-16 03:36

技能介绍

用途:这是一个面向 SAP Fundamental NGX 的 Angular 技能,用于生成符合规范的页面布局,支持 fd-dynamic-page(core,多数场景够用)或 fdp-dynamic-page(platform,仅当需要 fdp-icon-tab-bar 或 tabChange 输出时)。若参数为空,会先向用户确认页面内容、是否需要标签页、可折叠子页头或浮动页脚。

主要能力与用法:按页头(标题、副标题、面包屑、全局/布局操作)、子页头(可折叠、可固定)、标签页、页脚(浮动操作栏)、FCL 布局等区块生成三个文件:.component.ts、.component.html、.component.scss。默认使用 fd-dynamic-page 加页头与单一内容区。Standalone 项目需先 ng new 并安装 @fundamental-ngx 及 peer 依赖(含 --legacy-peer-deps),调整 angular.json 预算至约 2.5MB/4MB,并在 styles 中按指定顺序引入 SAP 主题 CSS 与 fundamental-styles 样式。

关键约束:fd-dynamic-page 内区块顺序固定为页头→子页头→标签列表或内容区→页脚;多个 fd-dynamic-page-content 必须全部带 tabLabel,不能混用。header 使用 signal 输入,subheader 使用 @Input()。FCL 中需加 [positionRelative]="true";容器高度动态时需在外层加 fdDynamicPageWrapper。页头折叠依赖子页头有实际内容,否则点击无可见效果。不使用 *ngIf/*ngFor,改用 @if/@for;不写 standalone: true。

限制:资料未提供官方版本兼容范围、许可、收费与效果承诺,具体版本需用 npm show 查询;MCP 不可用时可查阅本地 usage-guides.ts。