GraceUI 组件精细化更新工作进行中~ 如果您在使用时发现组件或样式不生效时，请先进行重新编译，重新编译后依然无效请升级您的 GraceUI 框架版本 ( 网站头部点击下载按钮获取最新版本 )即可! 此次更新预计持续到 2020-01-30 ~
GraceUI提供了Flex布局组件，来高效灵活的完成Flex布局工作！
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布局;
演示代码