如何将antd组件库的Tabs组件自定义头部样式

antd组件库的默认样式是这样的

如何将antd组件库的Tabs组件自定义头部样式_第1张图片

如果想自定义样式,antd组件库提供了一个API

 如何将antd组件库的Tabs组件自定义头部样式_第2张图片

现在只需要将renderTabBar函数渲染成你想要的样式

第一步定义一个用来便利的头部文字数组

第二步写renderTabBar和自己的样式

如何将antd组件库的Tabs组件自定义头部样式_第3张图片

这样你就可以得到自定义头部样式

你可能感兴趣的:(前端,javascript,开发语言)