我正在使用react-slick 在我的项目中创建一个轮播。
我已经阅读了文档并尝试了不同的方法,但找不到一种方法来完全按照我需要的方式自定义它...有谁知道是否有办法让 nextArrow 显示在图像前面/前面而不是显示在图像上这是正确的?
请参阅下图以获得所需的结果:image https://i.stack.imgur.com/cLfM4.png
感谢您的帮助!
我倾向于禁用箭头并自己构建它们。
创建参考
const slider = React.useRef(null);
连接到滑块
<Slider ref={slider} {...settings}>
在任意位置添加按钮
<button onClick={() => slider?.current?.slickPrev()}>Prev</button>
<button onClick={() => slider?.current?.slickNext()}>Next</button>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)