$ui/components/my-flex

Flex布局

Source:

Members

(inner) props

Source:
Properties:
Name Type Attributes Default Description
inline boolean <optional>

是否内行元素

direction string <optional>
row

主轴的方向(即项目的排列方向), 可选值:'row', 'row-reverse', 'column', 'column-reverse'

wrap string <optional>
nowrap

一条轴线排不下,如何换行, 可选值:'nowrap', 'wrap', 'wrap-reverse'

justify string <optional>
flex-start

项目在主轴上的对齐方式, 可选值:'flex-start', 'flex-end', 'center', 'space-between', 'space-around'

alignItems string <optional>
stretch

项目在交叉轴上如何对齐, 可选值:'flex-start', 'flex-end', 'center', 'baseline', 'stretch'

alignContent string <optional>
stretch

多根轴线的对齐方式。如果项目只有一根轴线,该属性不起作用, 可选值:'flex-start', 'flex-end', 'center', 'space-between', 'space-around', 'stretch'

border boolean <optional>

显示边框

fit boolean <optional>

适配父容器

column number | object <optional>

适配列数,支持响应配置{xxl,xl,lg,md,sm,xs}, direction为 row 或 row-reverse 时有效.

属性参数

(inner) slots

Source:
Properties:
Name Type Description
default string

默认插槽,定义子组件

插槽