我们在使用tabs时使用
「editable-card」
时,样式方面会继续使用到
「line」
下切换的蓝条样式。
实现部分:
.ant-tabs-tab-active {
border-top: 2px solid #3f87ff;
transition: width .3s,left .3s,right .3s
}
为tabs内当前选中一项的样式,直接添加一个Border-top的样式即可。
以下为添加样式之后的展示
我们在使用tabs时使用
「editable-card」
时,样式方面会继续使用到
「line」
下切换的蓝条样式。
实现部分:
.ant-tabs-tab-active {
border-top: 2px solid #3f87ff;
transition: width .3s,left .3s,right .3s
}
为tabs内当前选中一项的样式,直接添加一个Border-top的样式即可。
以下为添加样式之后的展示