当前位置: 首页 > Web前端 > JavaScript

SAP电商云SpartacusUI页面布局设计原理

时间:2023-03-26 21:08:40 JavaScript

Spartacus每个UI分为不同的section,每个section又由几个slot组成。每个插槽可以包含一个或多个CMS组件。我已经写了一篇关于它的详细文章。以首页为例,其实现的HTML位置:projects\storefrontlib\src\layout\main\storefront.component.html看这个header区域:这个header区域分配的slots在文件layout-config中定义.ts:这些slots.runtime中包含的CMSComponents渲染后,显示的内容如下图高亮区域所示:通过配置插槽。比如我让header区域只显示一个Sitelogo:最终效果如下图:我以前在UI上打印出每个区域的slotid和Componentid用于调试,如图以下:更多Jerry原创文章,尽在:《王子熙》: