工具使用:vue2使用 swiper5

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值