手册版本 V3.0

GraceUI提供了Flex布局组件，来高效灵活的完成Flex布局工作！

组件名称

graceFlex : /graceUI/组件目录/graceFlex

组件属性

classes : 数组形式的布局属性[uni-app 版本]
classes : 字符形式的布局属性[微信小程序版本]

常用组合模式

横向 不换行 :classes="['row','nowrap']"
横向 自动换行 :classes="['row','wrap']"
横向 居中 :classes="['row','xcenter']"
横向 两端 :classes="['row','space-between']"
横向  右对齐 :classes="['row','right']" 
横向反序 :classes="['xreverse']"
竖向 :classes="['column']"
竖向顶端 :classes="['column']"
竖向居中 :classes="['column'，'ycenter']"
竖向底部 :classes="['column'，'bottom']"

小提示

利用属性的组合，您可以获得灵活的Flex布局;

演示代码