2

不确定最好的表达方式,但我正在尝试复制类似于Tinder的内容。用户界面的视频演示在这里:http ://www.youtube.com/watch?v=cdechGTbQfY

这是我到目前为止所拥有的 Plunker:http ://plnkr.co/edit/zzb143PeO7QgnyKijFmG?p=preview

它工作得很好(想象一下.nextdiv 位于 div 下方.current,我只是将它们设置为这样,这样我就可以看到发生了什么)。

但是,它缺少两件事:

  1. 当'当前' div 被删除时,它应该通过 ng-animate 滑开。目前数据完全消失,然后重新出现在新位置
  2. (我想).currentdiv 需要先动画化,然后.nextdiv 需要成为.currentdiv,然后需要将数组中的下一项arr加载到.next

我对 Angular 不是很精通,所以不确定解决这个问题的最佳方法,我也无法在网上找到任何类似的示例。关于如何为 Angular 实现类似卡片的 ui 的任何想法?

4

1 回答 1

0

这篇文章可以帮助你 http://onehungrymind.com/build-sweet-photo-slider-angularjs-animate/

这里使用http://www.greensock.com/tweenmax/但如果你愿意,你可以使用其他东西

于 2013-11-12T12:22:42.220 回答