自定义el-tabs

要自定义 `el-tabs` 组件的内容，你需要使用 `` 和 `pane` 属性来定义选项卡和对应的内容。

首先，你可以在 `el-tabs` 组件上使用 `tab-position` 属性来定义选项卡的位置。默认情况下，选项卡位于顶部，但你可以将其设置为 `'left'`、`'right'` 或 `'bottom'` 来改变位置。

然后，在 `el-tabs` 组件内部，你可以使用 `el-tab-pane` 组件来定义每个选项卡的内容。每个 `el-tab-pane` 组件都需要设置 `label` 属性来指定选项卡标题，并使用具名插槽 `label` 来自定义选项卡标题的内容。

下面是一个示例代码，展示如何自定义 `el-tabs` 的内容：

<template>
  <el-tabs tab-position="top">
    <el-tab-pane label="Tab 1" name="tab1">
      <p>Content of Tab 1</p>
    </el-tab-pane>
    <el-tab-pane label="Tab 2" name="tab2">
      <p>Content of Tab 2</p>
    </el-tab-pane>
    <el-tab-pane label="Tab 3" name="tab3">
      <p>Content of Tab 3</p>
    </el-tab-pane>
  </el-tabs>
</template>

在这个示例中，我们使用了三个 `el-tab-pane` 组件，每个组件都有一个 `label` 属性来定义选项卡标题。在每个 `el-tab-pane` 组件内部，我们可以放置任意的内容，这里使用了简单的 `<p>` 标签来展示选项卡的内容。

你可以根据需要自定义选项卡的样式和内容，例如添加图标、使用自定义组件等。只要在 `el-tab-pane` 组件内部添加相应的内容即可。