reactjs - Ant Design Pro 操作断点大小

Question

我一直在努力操作/更改 Ant Design Pro v4 中的断点。根据文档，应该可以通过 less 和/或 config.ts 更改断点的大小。

例如，在 config.ts 文件中，您应该能够设置/覆盖参数。无论如何'screen-xxl': '6000px',，这是行不通的。尝试通过 index.less 文件应用此方法也是如此，即使设置“！Important”的“hack”也无法按预期工作。

theme: {
    'border-radius-base': '6px',
    'primary-color': '#147EFB',
    'modal-mask-bg': 'rgba(0, 0, 0, 0.3)',
    'layout-header-height': '50px',
    'layout-sider-background': '#147EFB',
    'menu-dark-bg': '#147EFB',
    'table-row-hover-bg': '#fff', // ...darkTheme,
    'layout-body-background': '#ffffff',
    'menu-collapsed-width': '64px',
    'screen-xxl': '6000px',
  }

我怀疑他们breakpoint在基于节点的文件夹中设置了仅适用于 Ant Design Pro 版本的变量。过去有没有人有过这方面的经验或任何解决方案将不胜感激。

谢谢

标签： reactjsantdant-design-proumijs