For AI agents: the complete documentation index is available at https://a3s-lab.github.io/UI/v0.1.0/llms.txt, the full documentation bundle is available at https://a3s-lab.github.io/UI/v0.1.0/llms-full.txt, and this page is available as Markdown at https://a3s-lab.github.io/UI/v0.1.0/foundations/spacing.md.
A3S UI
  • 简体中文
  • v0.1.0

      • 间距

      间距系统以 4px 为基础单位。紧凑应用工具栏使用 4–12px 间距，内容与页面区域使用 16–32px 间距。

      Live previewHTML · CSS · JavaScript
      4pxspace-1
      8pxspace-2
      12pxspace-3
      16pxspace-4
      24pxspace-6
      32pxspace-8

      间距刻度

      步骤值典型用途
      14px图标与标签之间的微间距
      28px相邻控件
      312px工具栏与字段间距
      416px卡片内边距与网格间距
      624px分区间距
      832px页面区域

      布局参数

      应用组件通过 CSS 变量公开连续值：

      变量默认值组件
      --app-shell-navigation-size15remApp Shell
      --workspace-header-height3.5remWorkspace Header
      --settings-navigation-size14remSettings Layout
      --resource-grid-min12remResource Grid
      --resource-grid-gap1remResource Grid
      --split-pane-min-height18remSplit Pane

      优先调整这些参数，不要覆盖组件内部网格选择器。