资源说明:本文实例为大家分享了微信小程序实现动态列表项的顺序加载动画,供大家参考,具体内容如下
效果
思路
1、最开始用了纯CSS动画animation,发现动画需要重复写,于是换使用transition动画。
2、使用onReady()可以让页面加载好再显示动画以免动画提前结束。
代码
wxml
<!-- style中的主要为了区分已加载好的项和新数据,只有新数据有动画 -->
= (page-1)*2?op:1}};margin-left:{{index >=
本源码包内暂不包含可直接显示的源代码文件,请下载源码包。