Skip to content
On this page

Grid 栅格

基本使用

template
<c-row>
  <c-col span="6">
    <c-text>span: 6</c-text>
  </c-col>
  <c-col span="6">
    <c-text>span: 6</c-text>
  </c-col>
</c-row>

API

Row Props

名称类型默认值版本说明
cstringdefault配置名。使用说明
propsRowPropsundefined全部 props 。 使用说明
c-classHTMLAttributes['class']undefined自定义类名
c-styleHTMLAttributes['style']undefined自定义样式
colsnumber | string12显示的栅格数量
gutterstring | number | ([string | number, string | number])undefined栅格间隔。 值: 间隔值 或 '水平值 垂直值' 或 [水平值, 垂直值]
alignCSSProperties['align-items']undefined垂直排列方式
justifyCSSProperties['justify-content']undefined水平排列方式
verticalbooleanundefined是否垂直布局

Col Props

名称类型默认值版本说明
cstringdefault配置名。使用说明
propsColPropsundefined全部 props 。 使用说明
c-classHTMLAttributes['class']undefined自定义类名
c-styleHTMLAttributes['style']undefined自定义样式
spannumber | stringundefined栅格占据的列数。 0: 不显示; undefined: 内容宽度