问导入时不应用Swiper 7 CSS
EN

Stack Overflow用户

提问于 2021-10-23 14:28:41

回答 1查看 215关注 0票数 0

我在React应用上安装了Swiper，就像文档上说的那样：

import "swiper/css";

然后：

  <Swiper
    spaceBetween={50}
    slidesPerView={3}
    onSlideChange={() => console.log("slide change")}
    onSwiper={(swiper) => console.log(swiper)}
  >
    <SwiperSlide>1</SwiperSlide>
    <SwiperSlide>2</SwiperSlide>
    <SwiperSlide>3</SwiperSlide>
    <SwiperSlide>4</SwiperSlide>
  </Swiper>

但是样式没有应用到Swiper上，它也不起作用。

reactjs

swiper

回答 1

Stack Overflow用户

发布于 2021-10-23 14:36:07

@import 'swiper/swiper.scss';

//optional
@import 'swiper/components/navigation/navigation.scss';
@import 'swiper/components/pagination/pagination.scss';
@import 'swiper/components/scrollbar/scrollbar.scss';

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/69689078

复制

相似问题

问导入时不应用Swiper 7 CSS
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问导入时不应用Swiper 7 CSSEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问导入时不应用Swiper 7 CSS
EN