Skip to content

Layout 布局

通过基础的 24 分栏,迅速简便地创建布局。

基础布局

使用列创建基础网格布局。

通过 rowcol 组件,并通过 col 组件的 span 属性我们就可以自由地组合布局

vue
<template>
  <im-row :gutter="8">
    <im-col span="8"><div class="demo" style="height: 200px"></div></im-col>
    <im-col span="4"><div class="demo"></div></im-col>
    <im-col span="4"><div class="demo"></div></im-col>
    <im-col span="4"><div class="demo"></div></im-col>
  </im-row>
  <im-row>
    <im-col span="24"><div class="demo" style="height: 200px"></div></im-col>
  </im-row>
</template>

Released under the MIT License.