v-flex.scss v2.0.0

使用

import "v-flex.scss";

/* 主轴 两个元素
1 => 元素
0 => 间隙
如：[110,011,01010,010010,0110,101]
110 => 元素+元素+间隙 */

/* 侧轴 一行元素 两行空白
1 => 元素
0 => 空白
如：[100,010,001]
100 => 元素+空白+空白 */

/* 快捷布局 */

/* 水平垂直居中 */
.v-fx {}

/* 水平垂直居中(垂直默认居中) */
.v-fx-0110 {}
/* ... */

/* 水平垂直居中(水平默认居中) */
.v-fx--010 {}
/* ... */

/* 水平垂直居中 */
.v-fx-0110-010 {}
/* ... */

/* 垂直排列 */
.v-fx-v {
  flex-direction: column;
}

/* 允许放大 */
.v-fx-1 {
  flex-grow: 1;
}

/* 不允许缩小 */
.v-fx-0 {
  flex-shrink: 0;
}

/* 换行 */
.v-fx-wrap{
	flex-wrap: wrap;
}