FlexItem Flex布局子组件
- Source:
Members
(inner) props
- Source:
Properties:
| Name | Type | Attributes | Default | Description |
|---|---|---|---|---|
order |
number |
<optional> |
属性定义项目的排列顺序。数值越小，排列越靠前，默认为0。 |
|
grow |
number |
<optional> |
属性定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大。 |
|
shrink |
number |
<optional> |
属性定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。 |
|
basis |
string |
<optional> |
属性定义了在分配多余空间之前，项目占据的主轴空间（main size）。浏览器根据这个属性，计算主轴是否有多余空间。它的默认值为auto，即项目的本来大小。 |
|
align |
string |
<optional> |
auto
|
允许单个项目有与其他项目不一样的对齐方式，可覆盖align-items属性。默认值为auto，表示继承父元素的align-items属性，如果没有父元素，则等同于stretch, 可选值：'auto', 'flex-start', 'flex-end', 'center', 'baseline', 'stretch' |
center |
boolean |
<optional> |
文本水平居中 |
|
middle |
boolean |
<optional> |
内容垂直居中, |
|
shadow |
boolean | string |
<optional> |
显示阴影, 可选值：true, false, 'hover' |
属性参数
(inner) slots
- Source:
Properties:
| Name | Type | Description |
|---|---|---|
default |
string | 默认插槽，定义内容 |
插槽