布局 - flexbox - 《VUX 2.x 组件文档》

安装

局部注册

全局注册

import { Flexbox, FlexboxItem } from 'vux'
export default {
  components: {
    Flexbox,
    FlexboxItem
  }
}

// 在入口文件全局引入
import Vue from 'vue'
import { Flexbox, FlexboxItem } from 'vux'
Vue.component('flexbox', Flexbox)
Vue.component('flexbox-item', FlexboxItem)

flexbox

属性

名字	类型	默认值	说明	版本要求
gutter	number	8	间隙像素大小（px）	—
orient	string	horizontal	排布方向，可选['horizontal', 'vertical']	—
justify	string		`flex`的`justify-content`属性	—
align	string		`flex`的`align-items`属性	—
wrap	string		`flex`的`flex-wrap`属性	—
direction	string		`flex`的`flex-direction`属性	—