项目正在快速迭代中,API 与视觉细节可能随版本调整,请勿用于生产环境。
仅桌面端保证样式

AppLayout 应用框架 ​

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

基础框架 ​

collapsed 支持 v-model 受控折叠;菜单用 Menu 注入:

首页/ 首页/
管理员
内容区:菜单与顶栏由插槽注入,折叠状态受控。

AppLayout Props

参数说明类型默认值
titleLogo 旁的系统名stringElements
logo-textLogo 字标(折叠时仅显示它)stringE
collapsed侧边栏折叠(v-model:collapsed)booleanfalse
active-menu / active-title默认选中菜单路径与标题string根路径 与 首页
is-dark框架内明暗态同步booleanfalse

AppLayout Slots

参数说明类型默认值
menu侧边栏菜单(放 EbMenu)——
sidebar-logo替换 Logo 区——
topbar-left / topbar-right顶栏左右内容——
theme-toggle替换顶栏明暗切换钮——
default内容区——

AppLayout Events

参数说明类型默认值
update:collapsed折叠状态变化(collapsed: boolean) => void—
toggle点击折叠钮() => void—