vue-awesome-swiper 目前最佳的轮播动画教程
vue项目,如果要使用轮播,能做动画的只有vue-awesome-swiper了,除非牛人自己造轮子,但是vue-awesome-swiper是需要swiper的支持,而现在swiper已经出到6了,swiper的官网明确表示6只能支持vue3.0,而且官网没有旧版本的api文档,这就表示,目前主流的2.0项目,想用它真的就只能瞎子过河,摸不着边了。
而且swiper的动画,是需要魔改代码的,因为动画的那个js文件需要改动,然后动画使用的animate.css也因为版本大改,导致使用起来越发的摸不着头脑,百度到的都是旧的教程,为此我特意研究了下,终于是“完美”使用了,为此出个教程。
废话不多说,先上图演示:
教程
此处内容已隐藏回复后方可阅读。
版权申明
本文系作者 @木灵鱼儿 原创发布在木灵鱼儿站点。未经许可,禁止转载。
最新文章
Nestjs CORS配置和生产环境处理
1点赞
·
1评论
Debian12 SSH连接报错:Error Handshake failed no matching host key format
0点赞
·
0评论
Prisma 使用MongoDB创建数据时报错:Prisma needs to perform transactions, which requires your MongoDB server to be run as a replica set.
0点赞
·
0评论
Prisma 初始化MongoDB数据库下载报错reason unable to verify the first certificate解决方案
0点赞
·
0评论
Nuxt3 useFetch和$fetch的探讨以及封装请求处理
0点赞
·
3评论
全部评论 39
大橙子
Google Chrome MacOS111
Google Chrome Windows 10Leonsun
Google Chrome Windows 10刚下飞机的贫僧
Google Chrome MacOSfigo
Google Chrome MacOSoldking
Google Chrome Windows 10萨达
Google Chrome Windows 10sama
Google Chrome Windows 10丧彪
Google Chrome Windows 10木灵鱼儿
FireFox Windows 10是啥
Google Chrome MacOS