Skip to content

vCol 列

栅格系统列组件,需在 vRow 内使用。

基础用法

vue
<script setup>
import { vRow, vCol } from '@twi1i9ht/visual-lib'
</script>

<template>
  <vRow :gutter="20">
    <vCol :span="12">col-12</vCol>
    <vCol :span="12">col-12</vCol>
  </vRow>

  <vRow :gutter="20">
    <vCol :span="8">col-8</vCol>
    <vCol :span="8">col-8</vCol>
    <vCol :span="8">col-8</vCol>
  </vRow>
</template>

Props

属性类型默认值说明
spannumber24栅格占位数 (1-24)
offsetnumber0左侧偏移数
pushnumber0右移格数
pullnumber0左移格数

Slots

插槽名说明
default内容

Released under the MIT License.