如何编辑默认的 spartacus 断点

Question

在《斯巴达克斯》中，我看到了这个breakpoint.service.ts
但我可以知道如何覆盖或创建一组自定义断点吗？它似乎不包含任何 set 方法 (?)

Answer 1

虽然您可以覆盖该服务，但目的是使用键入的 LayoutConfig 配置断点。您可以使用 ConfigModule:

配置一个或多个断点

ConfigModule.withConfig({
  breakpoints: {
    xs: 576,
    sm: 768,
    md: 1024,
    lg: 1200
  },
} as LayoutConfig)

typescript配置用于控制DOM。要控制 CSS，您需要使用 scss $grid-breakpoints 变量在 CSS 中配置断点。

$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 1024px,
  xl: 1200px,
) !default;

不幸的是，这些配置有点不同步：在 CSS 中，您指定断点的最大值，而在 typescript 中，您指定最小值。

How to edit the default spartacus breakpoints