CondorGridItem

CondorGridItem 是 CondorGrid 的子项组件，用于控制每个子项在网格中的列宽和偏移量。支持在不同断点下设置不同的响应式布局。

组件 Props

参数名	类型	默认值	说明
span	number	1	默认占据的列数
offset	number	0	默认列偏移
suffix	boolean	false	是否固定在行尾
xs	Condor.Grid.Responsive	undefined	xs 断点下的配置（<768px）
sm	Condor.Grid.Responsive	undefined	sm 断点下的配置（768px-992px）
md	Condor.Grid.Responsive	undefined	md 断点下的配置（992px-1200px）
lg	Condor.Grid.Responsive	undefined	lg 断点下的配置（1200px-1920px）
xl	Condor.Grid.Responsive	undefined	xl 断点下的配置（>=1920px）

响应式对象 Responsive 包含 span 和 offset 属性，断点值优先级高于默认值。

基本用法

<template>
  <CondorGrid :cols="4" :gap="12">
    <CondorGridItem :span="2">
      <NInput placeholder="半行宽度" />
    </CondorGridItem>
    <CondorGridItem :span="2">
      <NInput placeholder="半行宽度" />
    </CondorGridItem>
    <CondorGridItem :span="1" :md="{ span: 2 }">
      <!-- 中等屏幕占2列，默认占1列 -->
      <NInput placeholder="响应式宽度" />
    </CondorGridItem>
    <CondorGridItem suffix>
      <!-- 固定在行尾，适合放搜索、重置按钮 -->
      <NButton type="primary">搜索</NButton>
    </CondorGridItem>
  </CondorGrid>
</template>