GraceUI Flex 布局组件



Flex布局组件

组件介绍

推荐您基于 flex 布局完成页面布局工作，GraceUI 提供了 flex 布局组件，您可以利用它快速完成自己的页面布局。
Flex 布局教程推荐 : https://www.lesscode.work/courses/620617edac7da.html

组件名称

gui-flex : /GraceUI组件目录/gui-flex.vue

兼容平台

H5	APP	小程序	NVUE
✔	✔	✔	✔

组件属性

属性名称	类型	默认值	作用
customStyle	String	空字符串	自定义行内样式
customClass	Array	[]	自定义样式类
hoverClass	String	空字符串	点击样式
direction	String	column	主轴方向 column 竖向， row 横向
wrap	Boolean	true	是否自动换行
justifyContent	String	''	justify-content 样式属性取值
alignItems	String	''	align-items 样式属性取值

演示代码

UNI 普通版本

NVUE 版本

登录并购买 GraceUI 后可以查阅完整手册内容。