在引用echarts插件图标过程中,使用了bootstrap和标签切换功能,导致只有第一个导航栏有图标,后面的导航栏没有。
经过搜索查找,找到了解决方法。
.tab-content > .tab-pane,
.pill-content > .pill-pane {
display: block;
height: 0;
overflow-y: hidden;
}
.tab-content > .active,
.pill-content > .active {
height: auto;
}
在css里加上这段代码,就能解决导航栏的图标堆在一起的问题。
但是要注意权重,最好在这段代码前加上ID或者class