不确定说出这个的最好方法,但我正在尝试复制类似于Tinder的内容。用户界面的视频演示如下:http://www.youtube.com/watch?v=cdechGTbQfY
这是我到目前为止所获得的一个人:http://plnkr.co/edit/zzb143PeO7QgnyKijFmG?p=preview
它运作得很好(想象.next
div位于.current
div下面,我只是将它们设置为这样,这样我就可以看到发生了什么。)
然而,它缺少两件事:
.current
div需要首先制作动画,然后.next
div需要成为.current
div,然后是arr
中的下一个项目数组需要加载到.next
我不是非常精通Angular,所以不确定最好的方法来解决这个问题,也不能在网上找到任何类似的例子。关于如何为Angular实现类似卡片的UI的任何想法?
答案 0 :(得分:0)
这篇文章可以帮到你 http://onehungrymind.com/build-sweet-photo-slider-angularjs-animate/
这里使用http://www.greensock.com/tweenmax/,但如果你想要
,你可以使用另一件事