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

2019-05-28 17:28:28 +08:00
 sphawkcn

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

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

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

这个教程我试了是可以的。但是,如何才能将这种效果添加到 Ant Desgin Tabs 的标签页上去呢?还请各位大侠不吝赐教,谢谢。

2425 次点击
所在节点    React
2 条回复
Hellert
2019-05-28 17:32:45 +08:00
给 antd 提交一个 issue,说不定后期可以解决。
sphawkcn
2019-05-31 20:19:38 +08:00
有没有大神能指点指点啊。。。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/568478

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX