# 页面布局规则：

1. 页面根节点，内边距 10px
2. 在各容器中,组件布局
   1. 非容器组件 默认 外边距10px
   2. 栅格容器、弹性布局、分组面板、Tab控件、过滤组件 默认 外边距0
   3. 无栅格独立的按钮，上下左外边距 10px
   4. 工具栏中按钮，flex布局 gap:10px
   <!-- 5. 单据体，默认 外边距上下10px，左右内边距0 (2025/9/5 和ux确定的调整规则) -->

## 五矿财务系统原子规范 1130

1. 卡片圆角8px，
   - 1.1.【特征域、弹性布局、分组面板、Tab控件、过滤组件、分割面板、 单据体、树形单据体、子单据体、子树形单据体】 配置圆角16px变为8px
   - 1.2.【列表视图-列表组件】定制开发圆角8px
2. 卡片外边距16px
   - 2.1.【特征域、弹性布局、分组面板、Tab控件、过滤组件、分割面板、 单据体、树形单据体、子单据体、子树形单据体】 配置外边距24px变为16px
3. 页面安全边距20px
   - 3.1.【页面】配置内边距24px改为20px
4. 标题位置垂直
   - 4.1.【页面】配置标题位置局右改为垂直
   - 5.2.【通用字段、业务字段】配置标题位置局右改为垂直
5. 字段组件上下间距12px左右间距16px
   - 5.1.【通用字段、业务字段】 配置内边距上下8px左右16px改为上下6px左右8px
6. 分组面板
   - 6.1. 分割线
   - 6.2. 分组标题区域视觉效果46px，（原标题字体大小18px行高字体大小+8px 不变）；新增标题区域盒模型设置：内边距上下10px左右16px
   - 6.3. 分组内容区域视觉效果上下左右间距16px；新增内容区域盒模型设置：内边距上下10px左右8px
   - 6.4. 分组内容布局配置，配置内边距上下16px改为清空内边距
7. 弹性布局
   - 7.1. 视觉效果上下左右16px；配置修改内边距上下16px左右0改为内边距上下10px左右8px
8. 栅格布局
   - 8.1. 视觉效果上下左右16px；配置修改内边距上下16px左右0改为内边距上下10px左右8px
9. Tab容器
   - 9.1. 视觉效果上下左右16px；原定制内边距上下10px左右0改为配置内边距上下10px左右8px
10. 列表视图-树形列表
    - 10.1. 间距16px
11. 过滤器
    - 11.1. 圆角 配置 16px改为8px
    - 11.2. 外边距16px
    - 11.3. 最大高度67%改为50vh
    - 11.4. 内边距删除