# layouts

## 介绍

layout 组件，在路由中引入，统一通过 index.ts 导出,命名规范与 components 文件夹相同。

## BlankLayout

只有路由的 layout。

## UserLayout

登录相关页面 layout。

## BasicLayout

一般页面的 layout，包含左侧菜单栏，顶部导航栏、面包屑以及内容。

### BasicHeader

header 组件，包含欢迎语、用户头像、系统切换、退出等功能。

### BaseBreadcrumb

面包屑组件，根据当前路由中的 matched 来组装面包屑。

### BasicSiderMenu

左侧导航组件，根据当前路由中的 matched 来展开相应的菜单。监听路由更新之前，重置菜单的展开与选中。根据路由中的 meta 参数，来判断是否显示子菜单，是否在菜单中隐藏，是否显示 icon 等。

### BaseSubMenu

左侧导航子菜单组件，根据路由中的 meta 参数来判断是否显示 icon，是否在菜单中隐藏。