如果你的项目使用的是jquery的话

推荐使用swiper 进行做
https://www.swiper.com.cn/usage/index.html

如果用的是vue3开发的纯h5项目的话，推荐 swiper/vue 版本 之前的博客地址

https://blog.csdn.net/yunchong_zhao/article/details/120970625?spm=1001.2014.3001.5501

如果是vue2版本的开发的h5的话

推荐那个 vue-awesome-swiper
https://github.surmon.me/vue-awesome-swiper/

你的小程序是基于uniapp + vue2版本的话。 推荐uview ui框架 有自带的3D轮播图效果

https://www.uviewui.com/components/swiper.html

如果是原生的小程序开发的话

那么你可以使用 swiper 原生组件的

这两个属性。加上让中间的swiper-item 中的图片定位居中显示
然后 通过transform scale 中间的那个放大。就实现层叠效果
这应该比你写一个快很多

以上就是一些总结呢，因为工作中。让你自己写的话 太浪费时间了。

关注我 持续更新 前端知识。