elementui中Tab-pane添加after伪元素

在 Element UI 中，TabPane 组件本身并不支持添加伪元素。但是你可以通过自定义样式来实现类似的效果。

首先，在 TabPane 组件外部包裹一个容器元素，例如一个 div：

<div class="custom-tab-pane">
  <el-tabs>
    <el-tab-pane label="Tab 1">Content 1</el-tab-pane>
    <el-tab-pane label="Tab 2">Content 2</el-tab-pane>
    <el-tab-pane label="Tab 3">Content 3</el-tab-pane>
  </el-tabs>
</div>

然后，在 CSS 中为这个容器元素定义伪元素样式，可以使用 `::after` 或 `::before` 来添加伪元素：

.custom-tab-pane::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #e5e5e5;
}

这样就可以在 TabPane 底部添加一个横线作为伪元素。你可以根据需要自定义伪元素的样式。

请注意，这种方法只是通过添加伪元素来实现装饰效果，并不是直接在 TabPane 组件内部添加元素。