배고프니? 구성 요소 요소 요소 요소 요소 요소 요소 Element 연구의 기초편

el-row 아래 20px

? 엘 콜, 한 열? 사용법 (El-col: span = "24", 1-24 자유 선택)

gutter: 열과 열 사이의 간격을 지정합니다. 기본값은 0 입니다. 용법 lt; El-row: gutter = "20" gt;

offset: 열 간격띄우기. 용법 lt; El-col: span = "6": offset = "6" gt;

type 속성에' flex' 값을 지정하면 flex 레이아웃이 활성화되고 justify 속성을 통해 start, center, end, space-between 을 지정할 수 있습니다

사용법 lt; El-row type = "flex" justify = "center" gt;

는 Bootstrap 의 응답 설계를 참조하며 xs, sm, MD, LG 등 네 가지 응답 치수가 사전 설정되어 있습니다.

클래스 이름을 el-icon-iconName 으로 설정하여 사용하면 됩니다. Eglt; I class = "El-icon-edit" gt; Lt; /IGT;

Button 구성 요소는 기본적으로 type 속성으로 정의된 7 가지 주제를 제공하며 기본값은 default 입니다.

lt; El-buttongt；; 기본 버튼 lt; //el-buttongt；;

lt; El-button type = "primary" gt; 기본 버튼 lt; //el-buttongt；;

disabled 속성을 사용하여 버튼의 사용 가능 여부를 정의할 수 있습니다. 이 속성은 부울 값을 허용합니다.

lt; El-button: plain = "true": disabled = "true" gt; 주 버튼 lt; //el-buttongt；;

type = "success warning danger info"

CSS 사용자 지정?

. block: {padding: 30px24px; Border-bottom: # eff2f6}

. demonstration {font-size: 14px; Color: # 8492a6; Line-height: 44px}

. demo-button.intro-block.wrapper {float: right; 마틴 라이트: 20px; }

. El-dropdown {display: inline-block; 위치: relative; }

El-table (-fit, --stripe, --border,,,)?

? -El-table _ _ header-wrappergt; Table gt；; Theadgt; Tr gt；; Th

? -el-table__body-wrapper? Gt; Table gt；; Tbodygt；; Tr (.El-table _ _ row) gt; Td