您现在的位置是：网站首页> 编程资料编程资料

Ant Design Vue 走马灯实现单页多张图片轮播效果_vue.js_

2023-05-24 285人已围观

简介 Ant Design Vue 走马灯实现单页多张图片轮播效果_vue.js_

最近的项目有个需求是，这种单页多图一次滚动一张图片的轮播效果，项目组件库是antd

然而用了antd的走马灯是这样子的

我们可以看到官网给的api是没有这种功能，百度上也多是在css上动刀，那样也就毕竟繁琐了，我们是什么？我们是程序猿啊，程序猿就该有程序猿的样子，怎么能写繁琐的东西呢，那还怎么为公司项目提高效率！！！(我哪敢说是为了摸鱼啊)

奈何内容太多看得我眼花缭乱，最后通过我看字面意思一个个尝试，功夫不负有心人，就是它啦去吧皮卡丘

:slides-to-show="5"//单页展示5张图片 :slides-to-scroll="1" //每次滚动1张图片

最后来个效果展示

到此这篇关于Ant Design Vue 走马灯实现单页多张图片轮播的文章就介绍到这了,更多相关Ant Design Vue 图片轮播内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！

您可能感兴趣的文章:

上一篇：Vue实现记住账号密码功能的操作过程_vue.js_