SAP Spartacus Page Layout - 页面布局设计

相关推荐

• SAP Spartacus B2B 列表页面的 (i) icon popover Component 的声明位置

  SAP Spartacus B2B 页面的列表页面,一共有 6 个类似 SAP Fiori Language 里的 tile(磁贴): 点击去之后,能看到列表页面有一个绿色 icon 图标,点击之后, ...

• 如何从 SAP Spartacus Product Detail 页面，找到其 Angular 实现 Component 的位置

  如图:假设我们通过下列 url,打开 SAP Spartacus 一个产品的明细页面,我们想找出是哪个 Angular Component,实现了该明细页面. http://localhost:420 ...

• SAP Spartacus unit detail 页面显示后自动 focus 设置的原理

  这个自动 focus 设置的效果是:我们从 Spartacus Unit list 页面,随便选择一行,进入明细页面之后: 键盘 focus 会自动停留在 detail 页面(下图右边红色矩形框内)第 ...

• SAP Spartacus 的延迟加载 Lazy load 设计原理

  官方链接 延迟加载,也称为代码拆分,可让您将 JavaScript 代码分成多个块. 结果是当用户访问第一页时,您不必加载完整应用程序的所有 JavaScript. 相反,只加载给定页面所需的块. 在 ...

• 在SAP Spartacus产品明细页面用outlet显示自定义数据

  首先创建一个新的Angular module和Component: 这个新的module,因为要使用Outlet功能,所以需要从@Spartacus/storefront里导入OutletRefMod ...

• 如何在 SAP Spartacus 产品明细页面添加自定义 UI

  产品明细页面 Product Detail Page,简称 PDP. 首先在页面上找到 Component selector:cx-tab-paragraph-container: 对应的 Angul ...

• SAP 电商云 Spartacus UI 页面布局的设计原理

  Spartacus 每个 UI 划分成不同的区域 section,每个区域由若干个 slots 组成.每个 slot 可以包含一个或多个 CMS Component. 我曾经写过一篇 文章 详细介绍过 ...

• SAP Spartacus 如何根据 page layout 获得对应支持的 slots

  在 SAP Spartacus PageLayout Component 的实现里,每一个 layoutName 对应都有一个 cxOutlet 可供扩展: 第 13 行的 ngFor 指令,将该实现 ...

• 通过 Feature Level 动态控制 SAP Spartacus 的页面显示

  ng-container 标签只在 design time 可见,运行时会完全从渲染出的 HTML 源代码里被移除.通过 ng-container 加上 SAP Spartacus 自定义实现的 cx ...