el-eow和el-col有哪些属性，怎么使用

`el-row` (Element Row) 和 `el-col` (Element Column) 都是 Ant Design Vue (Element Plus) 中用于构建布局的组件。它们分别用于划分表单区域和创建栅格化的布局。

### el-row属性及使用

`el-row` 主要用于分隔表格行，它的基本属性有：

1. `type`: 类型，默认值是 'flex'，可以设置为 'gutter' 表示间距样式。其他值如 'top'、'middle'、'bottom' 分别表示上、中、下对齐。
2. `gutter`: 可选，当 type='gutter' 时，表示两列之间的间距，单位为 px。
3. `justify`: 可选，表示内容在主轴上的对齐方式，默认是 'start'（左对齐），可选值有 'start', 'end', 'center', 'space-between', 'space-around'。
4. `align`: 可选，表示内容在交叉轴上的对齐方式，默认是 'stretch'（拉伸），可选值有 'start', 'end', 'center', 'baseline', 'stretch'.

例子：

<el-row type="gutter" :gutter="20" justify="center" align="center">
  <el-col :span="8" class="col-item">...</el-col>
  <el-col :span="8" class="col-item">...</el-col>
  <el-col :span="8" class="col-item">...</el-col>
</el-row>

### el-col属性及使用

`el-col` 用于创建栅格单元，它的核心属性包括：

1. `span`: 用于确定该列在总宽度中占据的比例，范围从1到24。
2. `offset`: 可选，指定列与左侧相邻列的间隔大小，也是从1到24。
3. `order`: 可选，用于调整列的顺序，默认是0。

例子：

<el-row>
  <el-col :span="6" :offset="2">...</el-col>
  <el-col :span="6" :order="1">...</el-col>
  <el-col :span="12">...</el-col>
</el-row>

这将创建三列布局，第一列占1/3，第二列比第一列晚显示一列的位置，第三列占剩余的一半。