# 布局思路

根据UI图的设计，总体可以分为两层或者三层布局

* 两层布局
  * 登录页面，工作页面，此为一层布局
  * 工作页面分为顶部标题栏和下面的工作区域
  * 缺点
    * 要控制工作区域的侧边菜单显隐与右侧内容的动画，导致会出现闪动的画面
* 两层布局+布局切换
  * 登录页面，工作页面，此为一层布局
  * 工作页面可以分为两部分：
    * 顶部标题栏和下面的工作区域
    * 顶部标题栏+侧边菜单+下面的工作区域
  * 缺点
    * keep-alive缓存不全
* 三层布局
  * 登录页面，工作页面，此为一层布局
  * 工作台页面以及功能页面，此为第二层布局
  * 功能页面分为菜单+右侧内容，此为第三层布局
  * 缺点：
    * 需要两层keep-alive才能覆盖整个的页面，同时会导致多了一层路由

因为不太想包三层布局，因此采用上面的两层布局。