Skip to main content

Row组件

行布局基础组件

安装

npm install @jelper/component

样例

基础用法


item自适应缩放

Layout 自适应



设置宽度,fixed后,不在自动缩放

API

Flex API

参数说明类型默认值版本
justifyflex主轴排列方式'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch'start
alignflex交叉轴排列方式'flex-start' | 'flex-end' | 'center' | 'stretch'start
gapflex元素gapnumber | stringm

Flex.Item API

参数说明类型默认值版本
fixeditem不缩放,即flex: 0 0 auto;boolean--
widthitem宽度number | string;--
minWidthitem最小宽度number | string;--
maxWidthitem最大宽度number | string;--
scaleitem缩放比例,即flex: x x auto;number;1