Как отредактировать точки останова spartacus по умолчанию

В Спартаке я вижу это breakpoint.service.ts
Но могу ли я узнать, как переопределить или создать собственный набор точек останова? Кажется, он не включает какой-либо set метод (?)


spartacus-storefront
person NAR    schedule 27.01.2020    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Хотя вы можете переопределить службу, предполагается, что вы настроите точки останова, используя набранный LayoutConfig. Вы можете настроить одну или несколько точек останова с помощью ConfigModule:

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

Конфигурация машинописного текста используется для управления DOM. ЧТОБЫ управлять CSS, вам необходимо настроить точки останова в CSS, используя переменную scss $grid-breakpoints.

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

К сожалению, эти конфигурации немного не синхронизированы: в CSS вы указываете максимальное значение для точки останова, где, как в машинописном тексте, вы указываете минимальное значение.

person tobi-or-not-tobi    schedule 27.01.2020