vue3 使用swiper插件 小白点不显示

在Vue3中使用Swiper插件时，如果小白点不显示，可能是由于样式的问题导致的。你可以尝试以下方法来解决这个问题：

1. 确保已正确引入Swiper的样式文件。在入口文件中引入Swiper的样式文件，例如：

// 引入swiper的样式
import 'swiper/css/swiper.css'

2. 检查是否正确设置了Swiper的样式。在Vue组件的`<style>`标签中，使用`lang="scss"`指定样式语言为SCSS，并在样式中设置Swiper的样式，例如：

<style lang="scss" scoped>
.swiper {
  /deep/ .swiper-slide {
    height: 300px;
    line-height: 300px;    font-size: 30px;
    text-align: center;
    background-color: pink;
  }
  .swiper-pagination {
    .swiper-pagination-bullet {
      background: rgb(255, 255, 255);
    }
    .swiper-pagination-bullet-active {
      background: rgb(255,255, 255);
    }
  }
}
</style>

注意，这里使用了`/deep/`选择器来穿透样式作用域，确保样式能够正确应用到Swiper组件。

如果以上方法仍然无法解决问题，请提供更多的代码和错误信息，以便更好地帮助你解决问题。