el-tab-pane 添加图标

如果你想在 `el-tab-pane` 中添加图标，你可以使用 `slot` 插槽来实现。

首先，在 `el-tabs` 组件中添加 `type` 属性为 `card`，这样可以让每个选项卡显示为卡片样式。然后在 `el-tab-pane` 中添加一个名为 `label` 的 `slot` 插槽，用来自定义标签的内容。在这个插槽中，你可以添加一个图标和一个文字标签。

下面是一个示例代码：

<template>
  <el-tabs type="card">
    <el-tab-pane label="首页">
      <template #label>
        <span><i class="el-icon-s-home"></i> 首页</span>
      </template>
      首页内容
    </el-tab-pane>
    <el-tab-pane label="消息">
      <template #label>
        <span><i class="el-icon-s-comment"></i> 消息</span>
      </template>
      消息内容
    </el-tab-pane>
    <el-tab-pane label="设置">
      <template #label>
        <span><i class="el-icon-s-tools"></i> 设置</span>
      </template>
      设置内容
    </el-tab-pane>
  </el-tabs>
</template>

在这个例子中，我们在 `el-tab-pane` 组件中添加了一个名为 `label` 的插槽，然后在这个插槽中添加了一个 `span` 标签和一个图标。在这个示例中，我们使用了 `element-ui` 的图标库，你也可以使用其他图标库或自定义图标。

你可以根据自己的需求来修改这个示例代码，来实现各种样式的选项卡。