vue2使用轮播组件swiper

项目界面展示效果

20220519_103142.gif

使用 "vue-awesome-swiper": "^3.1.3"组件(最好对应版本)

npm install [email protected] --save 

代码







注意设置高度
两个地方,设置.swiper-container和.swiper-slide的样式,
swiper-container为设置整体滚动区域,高度一定要设置
swiper-slide为设置单个的样式,高度一定要设置

注:如果您使用vue的话,建议用vue-seamless-scroll

你可能感兴趣的:(vue2使用轮播组件swiper)