1、安装swiper
yarn add swiper
2、安装swiper ts支持
yarn add @types/swiper
3、使用
import swiper from "swiper";
import 'swiper/css/swiper.min.css';
new swiper('#swiper‘'）
4、小轮播图滑动，大轮播图隐藏，点击小轮播图弹出大轮播图滑动，发现大轮播图的滑动有问题，会滑出视图
detailSwiper=(initialSlide:number)=>{
this.setState({ selectMenu: true},()=>{
new swiper('#menuDetail .swiper-container',{
observer:true,//当改变swiper的样式（例如隐藏/显示）或者修改swiper的子元素时，自动初始化swiper。
observeParents:true, // 当Swiper的父元素变化时，例如window.resize，Swiper更新
initialSlide,//点击第几张小轮播图，大轮播图就从哪张开始
})
})
}
扫描二维码关注公众号，回复：
15491735 查看本文章
