---
name: layout-ui
description: 前端页面布局与 UI 组件规范。Use when implementing page layout, search forms, tables, forms, modals, or detail views.
---

# 布局与 UI 组件规范

## 页面布局

| 规范 | 路径 |
|-----|------|
| 页面 Layout | `../specs/05-页面布局与通用UI规范/01-页面Layout/SKILL.md` |
| 页面右上角操作区 | `../specs/05-页面布局与通用UI规范/02-页面右上角操作区/SKILL.md` |
| 分类树组件 | `../specs/05-页面布局与通用UI规范/03-分类树组件/SKILL.md` |

## 搜索区

| 规范 | 路径 |
|-----|------|
| 搜索表单组件 | `../specs/06-搜索区规范/01-搜索表单组件/SKILL.md` |
| 搜索状态持久化 | `../specs/06-搜索区规范/02-搜索状态持久化/SKILL.md` |

## 表格

| 规范 | 路径 |
|-----|------|
| 表格基础 | `../specs/07-表格规范/01-表格基础/SKILL.md` |
| 表格操作栏 | `../specs/07-表格规范/02-表格操作栏/SKILL.md` |
| 表格选择列 | `../specs/07-表格规范/03-表格选择列/SKILL.md` |
| 批量操作 | `../specs/07-表格规范/04-批量操作/SKILL.md` |
| 空数据状态 | `../specs/07-表格规范/05-空数据状态/SKILL.md` |
| 删除确认 | `../specs/07-表格规范/06-删除确认/SKILL.md` |
| 表格滚动高度 | `../specs/07-表格规范/07-表格滚动高度/SKILL.md` |

## 表单

| 规范 | 路径 |
|-----|------|
| 表单基础 | `../specs/08-表单与交互规范/01-表单组件基础规范/SKILL.md` |
| 下拉选择搜索 | `../specs/08-表单与交互规范/02-下拉选择搜索功能/SKILL.md` |
| 表单布局规则 | `../specs/08-表单与交互规范/03-表单布局规则/SKILL.md` |
| 表单字段占位规则 | `../specs/08-表单与交互规范/04-表单字段占位规则/SKILL.md` |
| 数据回填策略 | `../specs/08-表单与交互规范/05-数据回填策略/SKILL.md` |
| 表单提交规范 | `../specs/08-表单与交互规范/06-表单提交规范/SKILL.md` |
| 编辑新建模式 | `../specs/08-表单与交互规范/07-编辑新建模式/SKILL.md` |
| 必填标识规范 | `../specs/08-表单与交互规范/08-必填标识规范/SKILL.md` |

## 弹窗

| 规范 | 路径 |
|-----|------|
| 弹窗使用规范 | `../specs/09-弹窗规范/01-弹窗使用规范/SKILL.md` |
| 静态方法使用 | `../specs/09-弹窗规范/02-静态方法使用规范/SKILL.md` |
| 最大高度限制 | `../specs/09-弹窗规范/03-最大高度限制/SKILL.md` |

## 详情展示

| 规范 | 路径 |
|-----|------|
| 加载态管理 | `../specs/12-详情展示规范/01-加载态管理/SKILL.md` |
| 数据呈现规范 | `../specs/12-详情展示规范/02-数据呈现规范/SKILL.md` |
| 数据溯源逻辑 | `../specs/12-详情展示规范/03-数据溯源逻辑/SKILL.md` |