Javascript 卡片传送带,在CSS中堆叠,带react
我想创造这样的东西。Javascript 卡片传送带,在CSS中堆叠,带react,javascript,css,reactjs,bootstrap-4,Javascript,Css,Reactjs,Bootstrap 4,我想创造这样的东西。 卡片看起来像是叠在一起的,还有三个点来切换它们。有人能告诉我如何实现这一点吗?你的问题不够具体,它给人的印象是你希望其他人为你做你的工作,所以这可能是你收到反对票的原因。但是,如果你问一个人如何完成这样的任务,我能想到的一种可能的方法是: 使每个卡成为具有id的组件 在容器组件的状态中,保留(1)所有ID的列表和(2) 活动/当前id 将ID与小点匹配,使每个点都链接到一张卡(用于onClick事件和样式) 显示具有活动id的卡,并为dots执行onClick事件(也可能
卡片看起来像是叠在一起的,还有三个点来切换它们。有人能告诉我如何实现这一点吗?你的问题不够具体,它给人的印象是你希望其他人为你做你的工作,所以这可能是你收到反对票的原因。但是,如果你问一个人如何完成这样的任务,我能想到的一种可能的方法是:
- 使每个卡成为具有id的组件
- 在容器组件的状态中,保留(1)所有ID的列表和(2) 活动/当前id
- 将ID与小点匹配,使每个点都链接到一张卡(用于onClick事件和样式)
- 显示具有活动id的卡,并为dots执行onClick事件(也可能为mobile执行刷卡事件),以便每个dot将激活其链接的卡,这就是您能够在卡之间切换的方式
- 让它们看起来像是堆叠的卡片的视觉部分可能只在CSS中完成,或者JS和CSS的组合,这取决于您希望如何设置卡片开关的动画等
但同样,这只是众多方法中的一种。不管您是想采用这种方法还是选择其他方法,它的实际实现将取决于您。欢迎使用StackOverflow。我们可以帮助您解决问题,但您需要提供您尝试过的代码。我们不会为您编写代码。谷歌对你的问题有很多答案。请阅读帮助部分,了解如何提出适当的问题。