***************wxml****************<block wx:for="{{list}}"><view class="box" animation="{{animationData}}"></view></block>***************js********************Page({ list:{},\\list为 wx.request调用接口返回的列表,可正常展示,这里省略内容 animationData:{}, },onShow(){ var animation = wx.createAnimation({ duration: 2000, timingFunction: 'ease', }) this.animation = animation animation.translate(30).step() this.setData({ animationData: animation.export() })},});*****************wxss***************.box{width:100px;height:100px;} |
这段代码是 需要遍历list然后渲染一堆 class="box"的view控件,但是动画过程没有效果,只有动画的最终效果,view向右平移30px;
另一个情况是我把这个动画效果添加到静态资源上就可以出来效果,我之前加在了一幅图片上,就出现了图片缓慢平移的动画效果.但是加在动态数据上就没有过程效果,不知道什么情况,求大佬解答
要确保渲染上之后，再设置动画才行
2、list你是动态加载的，请在 this.setData({list},()=>{这个地方}) 设上动画