swiper-item怎么设置宽度

在Swiper中，swiper-item实际上就是swiper-slide。要设置swiper-slide的宽度，可以通过CSS中设置其宽度或使用Swiper的配置项来设置。

1. CSS中设置swiper-slide的宽度

可以在CSS中设置swiper-slide的宽度，例如：

.swiper-slide {
  width: 200px;
}

这将使每个swiper-slide都有200px的宽度。

2. 使用Swiper的配置项设置swiper-slide的宽度

可以通过Swiper的配置项来设置swiper-slide的宽度。例如，可以设置slidesPerView配置项来指定同时显示多少个swiper-slide，从而计算每个swiper-slide的宽度。例如：

var mySwiper = new Swiper('.swiper-container', {
  slidesPerView: 3,
});

这将使每次滑动Swiper时同时显示3个swiper-slide，Swiper会自动计算每个swiper-slide的宽度。

除了设置slidesPerView之外，还可以通过宽度百分比、像素值等方式来设置swiper-slide的宽度。例如，可以设置slidesPerView配置项为'auto'，Swiper会根据每个swiper-slide的宽度自动计算每个swiper-slide的宽度。例如：

var mySwiper = new Swiper('.swiper-container', {
  slidesPerView: 'auto',
});

这将使Swiper自动计算每个swiper-slide的宽度。

总之，可以通过CSS或Swiper的配置项来设置swiper-slide的宽度，具体选择哪种方式取决于具体的需求和场景。