Layout 布局

经典的顶部 + 侧栏 + 内容 + 底部页面骨架，配合语义化子组件使用。

基础用法

侧栏 + 头部 + 内容 + 底部

头部区域侧边栏

主要内容区，可放置任意内容。

flex 1底部信息

示例代码

无侧栏

头部 + 内容 + 底部

头部区域仅含头部与底部的内容布局。底部信息

示例代码

可折叠侧栏

折叠侧栏 collapsed

切换侧栏折叠头部区域侧边栏点击上方按钮折叠 / 展开侧栏。底部信息

示例代码

API

组件	说明
oas-layout	布局容器（含侧栏时自动横向排布）
oas-header	顶栏，渲染为 <header>
oas-sider	侧栏，collapsed 属性折叠为窄条，渲染为 <aside aria-label="侧边栏">
oas-content	内容区，渲染为 <main>
oas-footer	底部，渲染为 <footer>

子组件需带对应 slot 属性（header / sider / content / footer）。