# 设计规则

`ng-alain` 是基于 `ng-zorro-antd` 组件库为基础的一个企业后台应用脚手架。

因此，整体依 Ant Design 的设计规则，`ng-alain` 按上-左-右布局，这些规范细节：

+ `顶部导航` 高度 `64px`。
+ `侧边导航` 宽度 `200px`。
    + 当屏幕低于 `1140px` 宽时隐藏 `侧边导航`。
    + 当屏幕低于 `1140px` 宽时打开 `侧边导航` 为 `fixed` 状态。

## 内部区域

内容区域包括页面标题、内容部分，其中页面标题与顶部导航、侧边导航粘在一起，一细规范细节：

+ 内容距离页面标准、侧边、右边滚动条、底部，这四边距依一个标准Dashboard的Gutter宽度 `24px`。