el-carousel 自定义箭头icon

el-carousel 是 Element UI 中的一个组件，用于实现图片轮播的功能。在 el-carousel 中，可以通过自定义箭头 icon 来替换默认的箭头图标。

要自定义 el-carousel 的箭头 icon，可以使用 slot 来插入自定义的 HTML 或者其他组件。具体步骤如下：

1. 首先，在 el-carousel 中添加两个 slot，分别是 prev 和 next，用于插入自定义的箭头 icon。

<el-carousel>
  <span slot="prev">自定义 prev icon</span>
  <span slot="next">自定义 next icon</span>
  <!-- 其他轮播内容 -->
</el-carousel>

2. 在 prev 和 next slot 中，可以插入任意 HTML 或者其他组件来作为箭头 icon。例如，可以使用 Element UI 的 Icon 组件来显示图标。

<el-carousel>
  <el-icon slot="prev" name="el-icon-arrow-left"></el-icon>
  <el-icon slot="next" name="el-icon-arrow-right"></el-icon>
  <!-- 其他轮播内容 -->
</el-carousel>

在上面的例子中，使用了 Element UI 的 Icon 组件，并设置了不同的 name 属性来显示不同的箭头图标。

这样，就可以通过自定义 slot 来实现 el-carousel 的自定义箭头 icon 功能。