设计指南
数据图表模块的设计布局及指南。
不同内容区域
在 1920px 画板下的大小，已减去左右间距 32px。
| 类型 | 宽度 |
|---|---|
| 无收缩菜单 | 1824px |
| 有收缩菜单 | 1648px |
常用卡片宽度
1648px
以 1648px 内容区域计算。
| 类型 | 高度 | 占比 |
|---|---|---|
| 全宽 | 1648px | 1/1 |
| lg | 1232px | 3/4 |
| md | 816px | 1/2 |
| sm | 538px | 1/3 |
| xs | 400px | 1/4 |
| 自定义 | -- | -- |
1824px
以 1824px 内容区域计算。
| 类型 | 高度 | 占比 |
|---|---|---|
| 全宽 | 1824px | 1/1 |
| lg | 1364px | 3/4 |
| md | 904px | 1/2 |
| sm | 597px | 1/3 |
| xs | 444px | 1/4 |
| 自定义 | -- | -- |
常用卡片高度
| 类型 | 高度 |
|---|---|
| lg | 400px |
| md | 320px |
| sm | 120px |
| xs | 96px |