新建一個Layout Module，源代碼如下：

import { NgModule } from '@angular/core'; import { ConfigModule } from '@spartacus/core'; import { LayoutConfig } from '@spartacus/storefront';@NgModule({declarations: [],imports: [ConfigModule.withConfig({layoutSlots: {header: {lg: {slots: ['SiteContext','SiteLogin','MiniCart','SiteLogo','NavigationBar','SearchBox',],},}}} as LayoutConfig),] }) export class LayoutConfigurationModule { }

上述代碼，給header區域定義的slots順序如下：

然后在app module里啟用該layout module即可：

最后運行時的效果：

更多Jerry的原創文章，盡在：“汪子熙”:

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的如何定制化SAP Spartacus的页面布局的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。