spartacus-storefront - 有没有办法让包装器 div/container 将 CMS 组件分组到插槽中？

Question

通过设计，我们在多个页面上对 CMS 组件进行了可视化分组。我们需要某种包装器 div 或围绕特定组件组的容器来向其中添加 CSS 并使它们在视觉上看起来像一个实体。我们尝试过设置插槽的样式，但这绝不是一个好的解决方案。您对我们如何实现这一目标有什么建议吗？

Answer 1

我可以想到各种方法，它们都有优点/缺点和局限性。您也可以结合这些策略来优化组合。

1. 实现这一点的最简单方法是使用标准 CSS 选择器。可以使用多种选择器，例如兄弟选择器、最后一个类型选择器。
2. 通过使用组件的特定插槽来更改 CMS 结构以适应分组。使用这种方法，您可以使用基于页面位置的 CSS 选择器来影响布局。这里的缺点是页面槽不太灵活，并且不能包含您不希望成为“组”一部分的其他组件。
3. 您可以在所谓的容器组件中组合组件；容器组件有一个嵌入式组件列表。优点是容器组件可以有未分组的组件兄弟，它们可以以不同的方式呈现。
4. 最后的手段是重写 Spartacus 中的页面布局/页面槽组件，并有条件地添加特定的 DOM。这是一个较低级别的更改，会导致更多的工作，并且会使您脱离标准实现。

希望这会给您一些想法，如果没有，您应该提供更多详细信息。