跳到内容 Shopify标志北极星

布局与结构

布局是页面上元素的排列。一个好的布局可以帮助商家理解和找到信息来完成他们的目标。欲了解更多信息，请访问布局文档。

布局原语

所有布局和间距都应该使用布局原语来处理。这使我们的组件保持简单、灵活和可组合。

提示

布局原语允许您为不同的屏幕大小指定值。查看布局原语，了解响应式props如何应用于每个组件。

布局构图

布局组合是用布局原语构建的。在合理的默认值的帮助下，使用这些组件在管理中构建通用布局。

相关资源

  • 请查看空间了解如何应用北极星间距刻度的指南。

  • 读了布局关于布局行为的信息指南，以及示例。