flexbox:1.0.0_基于Flexbox的Vue.js响应式分数网格系统

flexbox:1.0.0

Vue分数网格 (vue-fraction-grid)

Flexbox based responsive fraction grid system for Vue.js

基于Flexbox的Vue.js响应式分数网格系统

<container>
  <grid vertical="middle" :rwd="{compact: 'stack'}">
    <grid-item size="1/6" :rwd="{compact: '0/1'}">
      ...
    </grid-item>

    <grid-item size="3/6" :rwd="{compact: '1/1'}">
      ...
    </grid-item>

    <grid-item size="2/6" :rwd="{compact: '1/1'}">
      ...
    </grid-item>
  </grid>
</container>

安装 (Installation)

Install the package using yarn or npm:

使用yarn或npm安装软件包：

$ yarn add vue-fraction-grid

# or

$ npm install --save vue-fraction-grid

现场演示 (Live Demo)

https://bkzl.github.io/vue-fraction-grid/

https://bkzl.github.io/vue-fraction-grid/

翻译自: https://vuejsexamples.com/flexbox-based-responsive-fraction-grid-system-for-vue-js/

flexbox:1.0.0