天天看点

SAP 电商云 UI 如何知道当前的 breakpoint 是 xl - extremely large?

SAP 电商云 UI 如何知道当前的 breakpoint 是 xl - extremely large?

研究 breakpoint.service.ts 的 resolveBreakpointsFromConfig 方法:

SAP 电商云 UI 如何知道当前的 breakpoint 是 xl - extremely large?
SAP 电商云 UI 如何知道当前的 breakpoint 是 xl - extremely large?
SAP 电商云 UI 如何知道当前的 breakpoint 是 xl - extremely large?

答案是文件 default-layout.config.ts 文件里硬编码的:

SAP 电商云 UI 如何知道当前的 breakpoint 是 xl - extremely large?

export const defaultLayoutConfig: LayoutConfig = {

 breakpoints: {

export const defaultLayoutConfig: LayoutConfig = {
  breakpoints: {
    xs: 576,
    sm: 768,
    md: 992,
    lg: 1200,
    xl: {
      min: 1200,
    },
  },
};
      

更多Jerry的原创文章,尽在:“汪子熙”:

继续阅读