仅桌面端保证样式
AppLayout 应用框架
后台整体框架:侧边栏(Logo + 菜单 + 折叠)+ 顶栏(明暗切换 + 右侧动作区)+ 内容区,移动端侧边栏自动转为抽屉。菜单与顶栏内容全部由插槽注入。
基础框架
collapsed 支持 v-model 受控折叠;菜单用 Menu 注入:
AppLayout Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| title | Logo 旁的系统名 | string | Elements |
| logo-text | Logo 字标(折叠时仅显示它) | string | E |
| collapsed | 侧边栏折叠(v-model:collapsed) | boolean | false |
| active-menu / active-title | 默认选中菜单路径与标题 | string | 根路径 与 首页 |
| is-dark | 框架内明暗态同步 | boolean | false |
AppLayout Slots
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| menu | 侧边栏菜单(放 EbMenu) | — | — |
| sidebar-logo | 替换 Logo 区 | — | — |
| topbar-left / topbar-right | 顶栏左右内容 | — | — |
| theme-toggle | 替换顶栏明暗切换钮 | — | — |
| default | 内容区 | — | — |
AppLayout Events
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| update:collapsed | 折叠状态变化 | (collapsed: boolean) => void | — |
| toggle | 点击折叠钮 | () => void | — |