element-plus-layout

name	element-plus-layout
description	Element Plus Layout component (el-layout) API documentation. Triggers when user wants to use, implement, or asks about el-layout or Layout component.

Layout 组件 API

Row Attributes

Name	Description	Type	Default
gutter	grid spacing	^[number]	0
justify	horizontal alignment of flex layout	^[enum]'start' | 'end' | 'center' | 'space-around' | 'space-between' | 'space-evenly'	start
align	vertical alignment of flex layout	^[enum]'top' | 'middle' | 'bottom'	—
tag	custom element tag	^[string]	div

Row Slots

Name	Description	Subtags
default	customize default content	Col

Col Attributes

Name	Description	Type	Default
span	number of column the grid spans	^[number]	24
offset	number of spacing on the left side of the grid	^[number]	0
push	number of columns that grid moves to the right	^[number]	0
pull	number of columns that grid moves to the left	^[number]	0
xs	<768px Responsive columns or column props object	^[number] / ^[object]{span?: number, offset?: number, pull?: number, push?: number}	—
sm	≥768px Responsive columns or column props object	^[number] / ^[object]{span?: number, offset?: number, pull?: number, push?: number}	—
md	≥992px Responsive columns or column props object	^[number] / ^[object]{span?: number, offset?: number, pull?: number, push?: number}	—
lg	≥1200px Responsive columns or column props object	^[number] / ^[object]{span?: number, offset?: number, pull?: number, push?: number}	—
xl	≥1920px Responsive columns or column props object	^[number] / ^[object]{span?: number, offset?: number, pull?: number, push?: number}	—
tag	custom element tag	^[string]	div

Col Slots

Name	Description
default	customize default content

参考

• 官方文档: https://element-plus.org/en-US/component/layout.html