el-tabs文字竖着显示

要实现el-tabs文字竖着显示的效果，可以通过自定义CSS类来修改样式。首先，在el-tabs所在的父元素上添加一个自定义class，比如deleteBorder。
然后，在deleteBorder类下添加以下样式代码：

.deleteBorder .el-tabs__nav-wrap::after {
  height: 0;
}
.deleteBorder .el-tabs__active-bar {
  background: transparent;
}

这样就可以去掉el-tabs切换时的蓝色下划线和底部灰色线条。
另外，如果想要el-tabs的文字竖着显示，可以在el-tab-pane组件上加上一个样式属性，如下所示：

<el-tab-pane label="我的行程" class="verticalText">
  我的行程
</el-tab-pane>

然后，在verticalText类下添加以下样式代码：

.verticalText {
  writing-mode: vertical-lr;
  white-space: nowrap;
}

这样就可以实现el-tabs的文字竖着显示的效果。注意，需要把label属性也添加到span标签的slot属性中。
需要注意的是，在使用el-tabs组件时，确保引入了正确的组件库和样式文件。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [ElementUI Tabs标签页去除样式中的border 横向和竖向](https://blog.csdn.net/ka_xingl/article/details/110947227)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [el-table标头纵向显示](https://blog.csdn.net/JINGZzhuo/article/details/125851039)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]