vue3写垂直轮播效果(translateY)

实现思路:卡片移动使用css的translateY属性实现,每个卡片从最下面移动到最上面,然后直接移动到最下面,每次改变的位移是固定的,假设每次移动50px,当移动到最小时,就让translataY为0,但是一定要进行初始化每个div的初始位置;

代码:






如何没有接口,可以使用里面的假数据先测试

你可能感兴趣的:(vue.js,javascript,前端)