如何让 Ant Desgin 的 Tabs 可以横向拖拉？

Question

Ant Desgin Tabs 标签页如果标签很多的话，会自动在两侧生成一个左右箭头，点击左右箭头即可看到后面或前面未显示出来的标签。效果可以看这里：大量标签的 Tabs 页

但是，我想实现：用手指（手机上）或者鼠标（PC上）在标签页上左右拖动或滑动时，标签页会左右滚动，以显示前后未显示出来的标签（同时不能出现横向滚动条），而不是点击左右箭头，因为手机上点击一个微小的箭头，不如左右滑动来得方便。不知道怎么实现？

我找到了一个资料，是手工实现一个上述我想要的效果的滚动标签条，见这里：实现横向滚动，这里是教程所附代码：实现代码。

这个教程我试了是可以的。但是，如何才能将这种效果添加到 Ant Desgin Tabs 的标签页上去呢？

Answer 1

直接覆盖 Antd 的 Tab 组件对应元素位置的样式