element ui竖向tab

Element UI 中的标签页组件默认是横向的，但可以通过添加 CSS 样式来实现竖向标签页。具体实现步骤如下：

1. 首先在 HTML 中使用标签页组件，并添加 `tab-position="left"` 属性设置标签页位置为左侧。

<el-tabs tab-position="left">
  <el-tab-pane label="标签页一">标签页一的内容</el-tab-pane>
  <el-tab-pane label="标签页二">标签页二的内容</el-tab-pane>
  <el-tab-pane label="标签页三">标签页三的内容</el-tab-pane>
</el-tabs>

2. 添加 CSS 样式，使标签页显示为竖向。可以通过设置 `flex-direction` 属性为 `row` 或 `column` 来实现横向或竖向排列，同时设置 `height` 属性控制标签页容器的高度。

.el-tabs__header {
  flex-direction: column;
  height: 300px;
}

完成以上两步操作后，即可实现竖向的标签页组件。