1.npm i swiper@5 下载插件swiper5
2.进入swiper官网教程
https://www.swiper.com.cn/usage/index.html
3.
(1)第一是引入
因为我们使用的是vue2,
import Swiper from ‘swiper’
import ‘swiper/css/swiper.min.css’
(2)创建dom结构:
添加HTML内容。Swiper7的默认容器是’.swiper’,Swiper6之前是’.swiper-container’。
(3)
你可能想要给Swiper定义一个大小,当然不要也行。
(4)初始化Swiper。
注意dom结构已换
var mySwiper = new Swiper (‘.swiper’, {
direction: ‘vertical’, // 垂直切换选项
loop: true, // 循环模式选项
这里使用的是 Swiper 异性
https://blog.csdn.net/weixin_41981909/article/details/107475834