如何解决带有在React中堆叠在CSS中的卡片轮播
我想创建类似这样的内容。 卡片看起来像是堆叠在一起的,还有三个点来切换它们。有人能告诉我如何实现吗?
解决方法
您的问题不够具体,给人的印象是您希望其他人为您完成工作,因此,这可能就是为什么您收到反对票。但是,如果您问的是如何处理这样的任务,我想到的一种可能的方法是:
- 使每张卡具有ID的组件,
- 在容器组件的状态下,保留(1)所有ID的列表,以及(2) 活动/当前ID
- 用小点匹配ID,以便将每个点链接到卡片(用于onClick事件和样式)
- 显示具有有效ID的卡片,并为圆点实施onClick事件(可能还为移动设备实施滑动事件),以便每个圆点将激活其链接的卡,这就是您可以在各卡之间进行切换的方式
- 使外观看起来像是堆叠式卡片的视觉效果只能在CSS中实现,或者结合使用JS和CSS,具体取决于您希望如何对卡片开关进行动画处理等。
但是,这只是众多方法中的一种。无论您是要采用这种方法还是选择其他方法,它的实际实现都将取决于您。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。