css - 根据 Spartacus 中的页面槽更改 PageTemplate 样式

Question

嗨，斯巴达克斯专家，

我创建了一个xyz通过 Impex 调用的 PageTemplate，在前端cx-page-layout元素将接收类xyz，但是如何向该cx-page-layout元素添加其他类？我将模板用于 2 个案例（每个案例使用不同的案例，根据应用的案例将不同的 CSS 样式应用于with类cx-page-slot会很棒。cx-page-layoutxyz

重要的是，样式应该应用于 CSS 中的 PageTemplate，而不是插槽。

标签： cssspartacus-storefront

Answer 1

我解决原始问题的解决方案纯粹依赖于 CSS。因为这只是定位问题：我添加了display: flex这样我可以将 应用于align-items: center被cx-page-slot调用EmptyCartCenterContent，而其他cx-page-slot不受它的影响。

.CartPageTemplate{
  margin: 0;
  display: flex;
  height: 100%;
  padding: map_get($spacers, 6) 0 0 0;
  max-width: none;

  .EmptyCartCenterContent {
    align-items: center;
  }
}