swiper-pagination样式

Swiper是一款流行的轮播图插件，它提供了多种类型的分页器样式，以下是其中一些样式的代码示例：

1. 圆形样式

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 50%;
  margin: 0 5px;
}
.swiper-pagination-bullet-active {
  background-color: #333;
}

2. 方形样式

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #fff;
  border: 1px solid #333;
  margin: 0 5px;
}
.swiper-pagination-bullet-active {
  background-color: #333;
}

3. 自定义图片样式

.swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  background-image: url('pagination-bullet.png');
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 5px;
}
.swiper-pagination-bullet-active {
  background-image: url('pagination-bullet-active.png');
}

以上是一些常用的分页器样式，你可以根据自己的需求选择相应的样式，或者自定义样式。