### 页面的布局目录

```
├── main                                      # 主要布局，通常这里面的布局都需要身份认证之后才加载
│   ├── MainLayout.vue                          # 主要的布局文件
│   ├── buildin-layout                          # 内置的布局目录
│   │   ├── BuildinLayoutLeft.vue                 # 侧边栏布局
│   │   ├── BuildinLayoutTop.vue                  # 顶部布局
│   │   ├── BuildinLayoutTopLeft.vue              # 顶部 + 侧边栏布局
│   │   └── BuildinLayoutTopLeftDouble.vue        # 顶部导航 + 侧边栏布局
│   └── components                              # 布局的组件目录
│       ├── MainBread.vue                         # 面包屑
│       ├── MainLayoutHeader.vue                  # 头部
│       ├── MainLayoutMenu.vue                    # 菜单
│       ├── MainLayoutSubMenu.vue                 # 子菜单
│       ├── MainLayoutUser.vue                    # 用户信息栏
│       ├── notify                                # 通知目录
│       │   ├── Notification.vue                    # 通知组件
│       │   ├── NotificationDialog.vue              # 通知弹窗
│       │   └── notify-handler.ts                   # 通知处理函数，处理各个类型的通知
│       ├── reuse-tab                             # tab 标签
│       │   └── ReuseTab.vue
│       └── setting-drawer                        # 设置面板(抽屉)
│           ├── SettingDrawer.vue
│           └── theme-color.ts
└── public                                    # 公共布局，通常这里面的布局不需要身份认证，也可以加载
    ├── EmptyLayout.vue                         # 空布局，这个布局里面啥都没有
    └── RegisterLayout.vue                      # 注册页面布局
```