el-row设置间距

可以通过设置 `gutter` 属性来设置 `el-row` 之间的间距。`gutter` 属性的值可以是任何数字，表示间距的像素大小。以下是一个例子：

<template>
  <div>
    <el-row :gutter="20">
      <el-col :span="12"><div class="grid-content bg-purple"></div></el-col>
      <el-col :span="12"><div class="grid-content bg-purple-light"></div></el-col>
    </el-row>
    <el-divider></el-divider>
    <el-row :gutter="40">
      <el-col :span="8"><div class="grid-content bg-purple"></div></el-col>
      <el-col :span="8"><div class="grid-content bg-purple-light"></div></el-col>
      <el-col :span="8"><div class="grid-content bg-purple"></div></el-col>
    </el-row>
  </div>
</template>

<style>
.grid-content {
  height: 60px;
}
.bg-purple {
  background: #99a9bf;
}
.bg-purple-light {
  background: #d3dce6;
}
</style>

在上面的例子中，我们设置了两个 `el-row`，分别设置了不同的 `gutter` 值。第一个 `el-row` 的 `gutter` 值为 20，第二个 `el-row` 的 `gutter` 值为 40。这样就可以设置不同的间距大小了。