<el-select 修改图标

要修改 `el-select` 的图标，可以使用 `suffix-icon` 或 `prefix-icon` 属性来指定图标。你可以使用 Element UI 自带的图标，或者使用自定义的 SVG 图标。

以下是使用 Element UI 自带图标的示例：

<el-select placeholder="请选择" suffix-icon="el-icon-arrow-down">
  <el-option label="选项1" value="option1"></el-option>
  <el-option label="选项2" value="option2"></el-option>
  <el-option label="选项3" value="option3"></el-option>
</el-select>

如果要使用自定义的 SVG 图标，可以在 `suffix-icon` 或 `prefix-icon` 中使用 `i` 标签，并添加一个自定义的 `class`：

<el-select placeholder="请选择" suffix-icon="custom-icon">
  <el-option label="选项1" value="option1"></el-option>
  <el-option label="选项2" value="option2"></el-option>
  <el-option label="选项3" value="option3"></el-option>
</el-select>

<style>
.custom-icon {
  background-image: url('path/to/your/svg/icon.svg');
  background-size: contain;
  width: 16px;
  height: 16px;
  display: inline-block;
}
</style>

在上面的代码中，我们创建了一个自定义的 `custom-icon` 类，并使用 `background-image` 属性来指定 SVG 图标的路径。我们还设置了图标的宽度和高度，以及 `display: inline-block` 来使图标垂直居中。