0.0.9 • Published 9 years ago

v-flex v0.0.9

Weekly downloads
2
License
ISC
Repository
github
Last release
9 years ago

v-flex

a flex layout component for vue

###Install

npm install v-flex

###Usage

  import {vCol,vRow} from 'v-flex';

  Vue.component(vCol.name, vCol);
  Vue.component(vRow.name, vRow);

  <v-row class="test">
    <v-col span="6" push="18">NO1. span 6 push 18</v-col>
    <v-col span="18" pull="6">NO2. span 18 pull 6</v-col>
  </v-row>

###Row

<v-row class="test" align="top" justify="start">
  //
</v-row>
  align (垂直对齐方式): top / middle / bottom
  justify (水平对齐方式): start / end / center / space-around / space-between

###Col

 <v-col span="6" push="18">
  //
 </v-col>
span (栅格数) : 1-24
push (向右移动格数) : 1-24
pull (向左移动格数) : 1-24
order (栅格顺序) : number
0.0.9

9 years ago

0.0.8

9 years ago

0.0.7

9 years ago

0.0.6

9 years ago

0.0.5

9 years ago

0.0.4

9 years ago

0.0.3

9 years ago

0.0.2

9 years ago

0.0.1

9 years ago