A Vue.js project

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

flex属性大全

dir：主轴方向 top：从上到下 right：从右到左 bottom：从上到下 left：从左到右（默认）

main：主轴对齐方式 right：从右到左 left：从左到右（默认） justify：两端对齐 center：居中对齐

cross：交叉轴对齐方式 top：从上到下 bottom：从上到下 baseline：跟随内容高度对齐 center：居中对齐 stretch：高度并排铺满（默认）

box：子元素设置 mean：子元素平分空间 first：第一个子元素不要多余空间，其他子元素平分多余空间 last：最后一个子元素不要多余空间，其他子元素平分多余空间 justify：两端第一个元素不要多余空间，其他子元素平分多余空间

flex-box属性说明 取值范围(0-10)，单独设置子元素多余空间的如何分配，设置为0，则子元素不占用多余的多余空间 多余空间分配 = 当前flex-box值/子元素的flex-box值相加之和