Layout 布局
页面布局组件,支持顶部导航、侧边栏、内容区和底部栏组合。
基础布局
典型的上中下布局结构。
侧边栏布局
带可折叠侧边栏的布局。
NLayout Props
| 参数 | 类型 | 默认值 | 说明 |
|---|---|---|---|
direction | 'horizontal' | 'vertical' | 'vertical' | 布局方向 |
tag | string | 'div' | 渲染标签 |
gap | number | 0 | 间距(px) |
wrap | boolean | true | 是否换行 |
NLayoutSider Props
| 参数 | 类型 | 默认值 | 说明 |
|---|---|---|---|
width | number | 240 | 侧边栏宽度(px) |
collapsedWidth | number | 64 | 折叠后宽度(px) |
collapsed | boolean | false | 是否折叠 |
collapsible | boolean | false | 是否可折叠 |
NLayoutSider Events
| 事件名 | 类型 | 说明 |
|---|---|---|
update:collapsed | (val: boolean) => void | 折叠状态变化时触发 |