🧐[问题 | question]设计师请教如何调整layout间距

[JiayuanUXD]

🧐 问题描述 | Problem description

前端技术基本为0（一点点css知识）的设计师，按照官方文档，磕磕碰碰的搭建了ant deisgn pro的全量模版，期望通过定制主题来为业务提供支持，目前已经实现compact主题，但是发现layout之间的边距依然很大，如下图，左边是默认效果，右边是希望实现的效果截图：

自己摸索了半天也没有找到方法，特来这里向大家请教。

[forwzb]

配置里面那个token 里面有部分设置，可以配置

[jiayuanux]

配置里面那个token 里面有部分设置，可以配置

谢谢你的回复，请问可以提供下具体的路径和页面名称么？
目前是用custom.less的形式进行样式覆盖，但是很容易出现因为样式冲突导致异常，比如有时候生效，有时候不生效

[forwzb]

这是来自QQ邮箱的假期自动回复邮件。   您好，我最近正在休假中，无法亲自回复您的邮件。我将在假期结束后，尽快给您回复。

[chenshuai2144]

针对调整layout之间的边距的问题，你可以尝试以下方案：

1. 使用DesginToken：Ant Design Pro 的全量模版提供了DesginToken的功能，你可以通过修改相关的Token来调整边距。具体的步骤是在config/defaultSettings.js文件中定制主题，并在其中使用DesginToken来定义不同组件的样式。例如，你可以尝试修改@padding-md的值来调整边距大小。

2. 使用React Hooks：在定制主题的过程中，你可以使用React Hooks来优雅地管理组件的状态和逻辑。例如，你可以利用useState和useEffect来处理布局之间的边距：定义一个状态变量来控制边距的大小，并在组件挂载时使用useEffect来更新边距的数值。

希望以上的建议能对你有所帮助！如果还有其他问题，请随时向我提问。