博客

竖型的el-tabs的样子先看看官网的例子：

当左边的菜单多了之后就会变成下面这样：

上面和下面都多了箭头 ，要查看后面数据只能点击箭头，不能滚动鼠标向下，操作起来很不方便

官网没有关于滚动条的配置，只能自己探索：

1.f12打开控制台，找到左边标签栏对应的代码，具体方法如图：

2.这上面找到的代码修改的效果只是暂时的，将css复制下来，写到项目里面

.el-tabs--left .el-tabs__nav.is-left, .el-tabs--left .el-tabs__nav.is-right, .el-tabs--right .el-tabs__nav.is-left, .el-tabs--right .el-tabs__nav.is-right {
  height: 100%;
  overflow-y: scroll;
}

最终结果。。这样就好用多啦

***使用f12查找法 可以解决70%的样式问题，而且有些网上搜不到的，也可以用这个方法找到灵感