董海洋
43 lines
2.3 KiB
Markdown
43 lines
2.3 KiB
Markdown
# 页面布局规则：
|
||
|
||
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. 内边距删除
|