pc 底边 动态挪动 导航栏

底边动态左右挪动效果  element  插件

<el-tabs v-model="activeName">
    <el-tab-pane label="用户管理" name="first">用户管理</el-tab-pane>
    <el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane>
    <el-tab-pane label="角色管理" name="third">角色管理</el-tab-pane>
</el-tabs>

全局 css

.el-tabs .el-tabs__nav .el-tabs__active-bar{
  height: 4px;
  border-radius: 2px;
  width: 40px!important;
  left: 7px;
}