有没有办法在React/Nextjs上把nuka-carousel的圆点尺寸改大一点？

是的，您可以通过自定义样式来改变nuka-carousel的圆点尺寸。nuka-carousel是一个基于React/Nextjs的轮播组件库，它提供了一系列的自定义选项和样式来调整轮播效果。

要改变圆点的尺寸，您可以通过以下步骤进行操作：

1. 首先，确保您已经安装并引入了nuka-carousel组件库到您的项目中。
2. 在React/Nextjs组件中，找到使用nuka-carousel的部分。
3. 在nuka-carousel的父组件或者根组件中，定义一个自定义的CSS类或者样式对象，用于覆盖nuka-carousel的默认样式。例如：

.carousel-dots {
  /* 添加您自定义的样式属性 */
  font-size: 16px;
}

或者使用内联样式对象：

const customStyles = {
  carouselDots: {
    /* 添加您自定义的样式属性 */
    fontSize: '16px',
  },
};

// 在组件中使用内联样式对象
<Carousel
  renderBottomCenterControls={({ currentSlide }) => (
    <div style={customStyles.carouselDots}>
      {/* 渲染其他自定义的控制按钮 */}
    </div>
  )}
>
  {/* 添加您的轮播内容 */}
</Carousel>

1. 将自定义的样式应用到nuka-carousel组件。您可以根据nuka-carousel的API文档查找相应的自定义选项来应用样式。例如，在renderBottomCenterControls方法中，您可以通过传入一个自定义的div元素来包裹圆点，并将自定义样式应用于该div元素。

通过以上步骤，您可以改变nuka-carousel的圆点尺寸。请记住，具体的样式属性和方法取决于nuka-carousel的版本和文档，请参考nuka-carousel的官方文档获取更详细的信息。

参考链接：

• nuka-carousel官方文档