首页 前端知识 使用swiper插件时不会自动轮播

使用swiper插件时不会自动轮播

2024-08-30 20:08:03 前端知识 前端哥 744 884 我要收藏

最近公司用到了swiper轮播插件,我这边引入的是swiper 8,按照文档给出的示例代码操作后发现无法自动轮播。

这是官网提供的示例上的代码:

 引入后发现并不能自动轮播,最后研究了半天,在文档上看到了说明:

需要引入对应的模块:

 还需要引入对应的CSS样式:

也就是说需要用到什么模块必须引入对应的模块已经对应的CSS样式,如下图:

 

 引入完成后就会发现已经可以自动轮播了. 这边 EffectFade 是我额外加的淡入淡出的效果😀

转载请注明出处或者链接地址:https://www.qianduange.cn//article/17290.html
标签
评论
发布的文章

JWT(JSON WEB TOKEN)详解

2024-09-10 23:09:36

NPM 常用命令(十二)

2024-09-10 23:09:24

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!