V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
az09py
V2EX  ›  程序员

react 怎么实现一个能够首尾相接的 24 小时下拉框组件呢

  •  
  •   az09py · 2021-04-25 19:25:53 +08:00 · 1871 次点击
    这是一个创建于 1306 天前的主题,其中的信息可能已经有所发展或是发生改变。

    首尾相接可以循环滚动的 24 小时下拉框组件, 看了一些组件库没有类似的下拉框, 求各位大佬给个思路

    9 条回复    2021-04-26 09:17:46 +08:00
    jeffwcx
        1
    jeffwcx  
       2021-04-25 19:30:17 +08:00
    时间选择器?
    xingguang
        2
    xingguang  
       2021-04-25 20:00:32 +08:00
    感觉思路就是到头了再重新开始,链表的话直接循环链表就行,但是 js 没有,就只能自己模拟下类似的数据结构了
    az09py
        3
    az09py  
    OP
       2021-04-25 20:06:22 +08:00
    @jeffwcx 嗯 就是首尾相接循环滚动的时间选择器
    biabia123456
        4
    biabia123456  
       2021-04-25 20:17:14 +08:00
    参考走马灯
    ChefIsAwesome
        5
    ChefIsAwesome  
       2021-04-25 20:20:17 +08:00
    说是首尾相连,但要能循环起来,实际上是 [首尾] [首尾] [首尾] 这样的三张卡片的结构,跟轮播图是一个道理。
    realpg
        6
    realpg  
       2021-04-25 20:22:03 +08:00
    直接搞动态的好了,不静态选择器,
    每次只给显示 20 个选项,每次拉动,直接重新生成前后 20 个
    jaydenWang
        7
    jaydenWang  
       2021-04-25 20:43:56 +08:00   ❤️ 3
    https://codepen.io/desandro/pen/wjeBpp css 3D 实现循环,背部模块隐藏掉
    az09py
        8
    az09py  
    OP
       2021-04-25 23:22:55 +08:00
    zxCoder
        9
    zxCoder  
       2021-04-26 09:17:46 +08:00
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   965 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 20:50 · PVG 04:50 · LAX 12:50 · JFK 15:50
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.