求vue大牛 这种轮播效果如何实现

Question

如题 总共六张图片
只有第三张图放大，点击左右图片左移或者右移，6张图循环。
左边和右边只显示半张

Answer 1

用swiper吧，很多效果，自己稍微调整下，就可以实现你这种的https://www.swiper.com.cn/dem...

Answer 2

可以参考下 element 的实现。

element 的左右位移使用 transform 的 translateX 来实现，上浮使用 translateY 配合 scale 放大来实现。

使用 transition 就可以实现动画

参考地址： https://element.eleme.io/#/zh...

Answer 3

老实说，这跟 Vue 没啥关系，主要是 html + css的效果。可以了解swiper这个库，里面的轮播效果比较多。