framework
framework/react/layout/index.md
medium
framework-react-layout-index
页面结构约定索引——栅格 Row/Col 排版 + 布局容器 Layout/Space/Flex/Divider 选型。房规:每页必须由栅格 + 布局容器组成,禁裸 div 堆砌。
子项索引
| 子项 | 一句话 |
|---|---|
| grid-system skill | antd Row/Col 24 栅格分列排版 + 响应式断点 + gutter 间距房规 |
| layout-containers skill | antd 布局容器选型房规——Layout/Space/Flex/Divider 各自管什么 + 选哪个 + 页面骨架模式 |
React · Layout 页面结构
本层包含
| 名称 | 类型 | 一句话 |
|---|---|---|
| grid-system | skill | Row/Col 24 栅格 + 响应式 gutter + 断点 |
| layout-containers | skill | Layout/Space/Flex/Divider 容器选型 |
何时下钻
- 要按列/行分栏、做响应式布局 →
grid-system.md - 不确定用哪种容器(整页 Layout / 等距 Space / 弹性 Flex / 分隔 Divider)→
layout-containers.md - 房规:每个页面骨架都由栅格 + 布局容器拼成,禁裸 div + 手写 style 堆砌