---
url: /components/app-layout.md
---
# AppLayout 应用框架

后台整体框架：侧边栏（Logo + 菜单 + 折叠）+ 顶栏（明暗切换 + 右侧动作区）+ 内容区，移动端侧边栏自动转为抽屉。菜单与顶栏内容全部由插槽注入。

## 基础框架

`collapsed` 支持 v-model 受控折叠；菜单用 [Menu](/components/menu) 注入：