slick.js - 在反应光滑的图像中显示箭头和点

Question

当我使用光滑的轮播时..箭头显示在图像之外，点也是如此，如何在轮播的图像中显示这些箭头和点

const SlickCarousel = ()=>{
  const settings = {
     dots: true,
     infinite: true,
     autoplay: true,
     pauseOnHover: false,
     speed: 500,
     slidesToShow: 1,
     slidesToScroll: 1,
     }
  return(
   <>
     <Slider {...settings}>
        <img className=" p-2 rounded-3lg " src={imgUrl} alt="Balers" />
        <img className=" p-2 rounded-3lg " src={imgUrl} alt="Balers" />
        <img className=" p-2 rounded-3lg " src={imgUrl} alt="Balers" />
      </Slider>
   </>
 )

};

标签： slick.jsreact-slick