如何在 react-responsive-carousel 中定位 carousel-status？

Question

我想把状态指示器移到右下角，但我找不到方法。

我在其中添加了 statusFormatter 和自定义组件，但问题是 react-responsive-carousel 呈现

元素，因此我无法应用子 span 的边距和填充。

有没有办法将状态指示器放置在右下角？

Answer 1

这是修改它的代码段，您需要做的就是更改分配给状态 <p> 标签的 class .carousel .carousel-status 的 css：

.carousel .carousel-status {
  bottom: 0;
  left: 0;
  right: 30px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

您可以根据需要编辑此代码段。

How to position carousel-status in react-responsive-carousel?