跳到主要内容

eo-easy-view

<eo-easy-view>
Alias: <containers.easy-view>

基于网格的简易布局容器。

Examples

GridAreas & GridTemplateRows

Playground

Grid Template Areas

Playground

Container Style

Playground

Properties

NameDescriptionTypeDefaultRequired
gridAreas

以键值对形式定义多个 grid-area

Record<string, (string | number)[]>
gridTemplateAreas

定义 grid-template-areas

string[][]
gridTemplateColumns

定义 grid-template-columns

string | string[]
gridTemplateRows

定义 grid-template-rows

string | string[]
containerStyle

定义网格容器的样式

React.CSSProperties
styleByAreas

定义网格内各区域的样式

Record<string, React.CSSProperties>