小程序的animation 无法作用在 动态渲染出来的view上是怎么回事?

***************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;

另一个情况是我把这个动画效果添加到静态资源上就可以出来效果,我之前加在了一幅图片上,就出现了图片缓慢平移的动画效果.但是加在动态数据上就没有过程效果,不知道什么情况,求大佬解答