更改Ant Design中的tabs页签样式

Ant Design中的tabs页签样式应该怎么设置,card类型的页签,然后动画效果的蓝色长方形设置到页签顶部
antd上面的

img

想实现的效果

img

用renderTabBar 来重写,或者就直接覆盖样式

.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active::before {
  border-top: 2px solid blue;
}

tabs页有三种样式可以设置,通过type属性设置,可选 line、card、editable-card,默认是line,你可以设置为card再进行修改,这个和你的样式很像,只需要把页签背景色去掉,在设置下激活页的上边框就行了

设置的话就是找到对应的选择器,进行样式覆盖就行了