flexbox

Flexbox
- 安装
- flexbox
- 属性
- 插槽
- flexbox-item
- 属性
- 插槽
- 相关 issue
- 贡献者

Flexbox

demo 原始链接demo 源码编辑文档组件源码

flexbox - 图1

二维码

flexbox - 图2

Install

安装

局部注册

全局注册

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`属性	—

插槽

名字	说明	版本要求
默认插槽	`flexbox-item`的内容插槽	—

flexbox-item

属性

名字	类型	默认值	说明	版本要求
span	number		占用宽度，如果不设置，所有flexbox-item将平分	—
order	string		`flex`的`order`属性	—

插槽

名字	说明	版本要求
默认插槽	内容插槽	—

Issues

Flexbox

安装

flexbox

属性

插槽

flexbox-item

属性

插槽

相关 issue

贡献者