小程序的animation 无法作用在 动态渲染出来的view上是怎么回事?
发布于 6 年前 作者 guiyinggu 4163 次浏览 来自 官方Issues
***************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;

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

1 回复

要确保渲染上之后，再设置动画才行

回到顶部