Row组件
行布局基础组件
安装
npm
pnpm
yarn
npm install @jelper/component
样例
基础用法
基础用法
item自适应缩放Layout 自适应
fixed 固定宽度
设置宽度,fixed后,不在自动缩放API
Flex API
参数 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|
justify | flex主轴排列方式 | 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch' | start | |
align | flex交叉轴排列方式 | 'flex-start' | 'flex-end' | 'center' | 'stretch' | start | |
gap | flex元素gap | number | string | m |
Flex.Item API
参数 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|
fixed | item不缩放,即flex: 0 0 auto; | boolean | -- | |
width | item宽度 | number | string; | -- | |
minWidth | item最小宽度 | number | string; | -- | |
maxWidth | item最大宽度 | number | string; | -- | |
scale | item缩放比例,即flex: x x auto; | number; | 1 |