【前端】如何实现移动端banner卡片式轮播？

• Z时代
• 2024-01-10
• 分类：技术分享

问题描述

本人想要实现移动端的卡片式轮播，如下图的效果，想问问各位前辈有哪些思路或者插件可以实现。
要求 :

a.图片轮播
b.要求露出前后两张图的部分
c.支持翻页滚动

问题出现的环境背景及自己尝试过哪些方法

swiper插件没有现成方法可以实现

回答

使用swiper插件的话就简单了.写一个轮播,然后像这样把子页的宽度修改一下就可以了.
.swiper-slide{width: 80%;}

具体代码可以参考这个页面的
https://3.swiper.com.cn/demo/...

slick 链接描述

https://github.com/nolimits4w...

以上是 【前端】如何实现移动端banner卡片式轮播？ 的全部内容， 来源链接： utcz.com/a/80566.html