Layout 布局

页面布局组件,支持顶部导航、侧边栏、内容区和底部栏组合。

基础布局
典型的上中下布局结构。
Header
Content
侧边栏布局
带可折叠侧边栏的布局。
Header
Content

NLayout Props

参数类型默认值说明
direction'horizontal' | 'vertical''vertical'布局方向
tagstring'div'渲染标签
gapnumber0间距(px)
wrapbooleantrue是否换行

NLayoutSider Props

参数类型默认值说明
widthnumber240侧边栏宽度(px)
collapsedWidthnumber64折叠后宽度(px)
collapsedbooleanfalse是否折叠
collapsiblebooleanfalse是否可折叠

NLayoutSider Events

事件名类型说明
update:collapsed(val: boolean) => void折叠状态变化时触发