横向:
给tabs自定义class:deleteBorder
/*去掉el-tab-pane底部灰色线条*/
.deleteBorder .el-tabs__nav-wrap::after{
height: 0;
}
/*去掉el-tab-pane切换时的蓝色下划线*/
.deleteBorder .el-tabs__active-bar{
background: transparent;
}
竖向:
<template>
<!-- 左侧导航 -->
<div class="tabLeft">
<el-tabs :tab-position="'left'" style="height: 200px;">
<el-tab-pane>
<span slot="label"><i class="el-icon-date"></i> 我的行程</span>
我的行程
</el-tab-pane>
<el-tab-pane label="配置管理">配置管理</el-tab-pane>
<el-tab-pane label="角色管理">角色管理</el-tab-pane>
<el-tab-pane label="定时任务补偿">定时任务补偿</el-tab-pane>
</el-tabs>
</div>
</template>
<style lang="scss" scoped>
.tabLeft>>>.el-tabs__nav-wrap::after {
height: 0;
}
/*tabs 去掉el-tab-pane切换时的蓝色下划线*/
.tabLeft>>>.el-tabs__active-bar {
background-color: transparent !important;
}
</style>