2

设计规则

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

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

  • 顶部导航 高度 64px
  • 侧边导航 宽度 200px

    • 当屏幕低于 1140px 宽时隐藏 侧边导航
    • 当屏幕低于 1140px 宽时打开 侧边导航fixed 状态。

内部区域

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

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

cipchk
6.7k 声望605 粉丝

一个会独立思考的高级动物。