在tab中使用echart图表,切换时tab时元素被隐藏导致样式异常。
上图中可以看到是通过display:none样式隐藏了页面,可以通过重写display样式覆盖掉,然后通过定位的方式隐藏。如下图所示。
.ivu-tabs-content {
position: relative;
.ivu-tabs-tabpane {
height: 100%;
position: absolute;
display: block!important;
}
}
通过定位让元素看起来隐藏掉,那么就可以正常获取到页面的样式了。