el-row el-col 属性使用

`el-row` 和 `el-col` 是 Element UI 中用于构建响应式网格布局的两个关键组件。它们通常一起使用来创建栅格系统，方便在页面上组织内容并适应不同屏幕尺寸。

- `el-row`: 表示一行，你可以设置行的基础样式如间距、对齐方式等。
- `el-col`: 对应于列，用于分配每个单元格（小块）在行内的宽度。它有三个主要属性：
- `span`: 指定列所占的列宽比例，比如 `span=2` 表示该列占总列数的1/4。
- `offset`: 定义列相对于其他列开始的位置偏移量。
- `xs`, `sm`, `md`, `lg`, `xl`: 分别表示响应式设计下在不同设备视口下的列宽，例如 `xs={8}` 表示在小屏幕设备上占有8个等宽单位。

通过结合这两个组件，你可以轻松地创建自适应布局，使得内容在不同分辨率下都能保持良好的视觉效果。举个例子：

<el-row>
  <el-col :span="6" :offset="2">这是一个6列2偏移的单元</el-col>
  <el-col :span="6">这是另一个6列的单元</el-col>
</el-row>