如何控制swiper中单个swiper-slider的宽度

你可以在swiper初始化时设置 `slidesPerView` 为 `'auto'` ，然后在每个 `swiper-slide` 中设置自定义的宽度样式即可控制单个 `swiper-slider` 的宽度。

示例代码如下：

var mySwiper = new Swiper('.swiper-container', {
  slidesPerView: 'auto',
  spaceBetween: 10,
  //其他配置项
});

<div class="swiper-container">
  <div class="swiper-wrapper">
    <div class="swiper-slide" style="width: 200px;">Slide 1</div>
    <div class="swiper-slide" style="width: 300px;">Slide 2</div>
    <div class="swiper-slide" style="width: 150px;">Slide 3</div>
    <div class="swiper-slide" style="width: 250px;">Slide 4</div>
    <!-- 其他 slides -->
  </div>
</div>

在上面的示例中，我们将 `slidesPerView` 设置为 `'auto'`，这样每个 `swiper-slide` 的宽度就会自适应屏幕宽度。然后在每个 `swiper-slide` 中设置自定义的宽度样式，例如第一个 `swiper-slide` 的宽度为 200px，第二个为 300px，第三个为 150px，第四个为 250px。