Skip to content

vRow 行

栅格系统行组件,与 vCol 配合使用。

基础用法

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

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

Props

属性类型默认值说明
gutternumber0列间距
justify'start' | 'end' | 'center' | 'space-around' | 'space-between' | 'space-evenly''start'水平对齐
align'top' | 'middle' | 'bottom''top'垂直对齐

Slots

插槽名说明
defaultvCol 组件

Released under the MIT License.