animation 执行一组动画后会在标签留下样式

发布于 7 年前作者 qyan1219 次浏览最后编辑 7 年前来自 ask
animation:function(){
    let self = this;
    let bbbb = wx.createAnimation({
      transformOrigin: "50% 50%",
      duration: 1000,
      timingFunction: "ease",
      delay: 0
    });
 
    self.bbbb = bbbb;
 
    bbbb.opacity(0).scale(2).opacity(1).step();
 
    self.setData({
      animationData:bbbb.export()
    });
 
  },

动画执行完了,但是在wxml标签中

第二次就不执行了。

还有个问题 animationend 这个方法怎样触发

4 回复
agu
agu1 楼6 年前

animationend跟css的animation属性相关

yongqian
yongqian2 楼6 年前

你设置了forwards的话控件执行完了动画不会还原,不设置的话执行完动画会闪回控件的初始状态

xia65
xia653 楼6 年前

你百度CSS3 动画,感觉给你demo你也看不懂

jzeng
jzeng4 楼5 年前

我个人觉得应该是 export()这个方法没起作用