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 这个方法怎样触发
网友回复：
瓦***：
我个人觉得应该是 export()这个方法没起作用
赵***：
animationend跟css的animation属性相关
瓦***：
animation-fill-mode:
none：默认值。不设置对象动画之外的状态
forwards：设置对象状态为动画结束时的状态
backwards：设置对象状态为动画开始时的状态
both：设置对象状态为动画结束或开始的状态 意思是不是我要设置 这个属性还是
赵***：
你设置了forwards的话控件执行完了动画不会还原,不设置的话执行完动画会闪回控件的初始状态
瓦***：
我试试，非常感谢！
瓦***：
我试了，还是不行。能不能方便给我看个demo啊
赵***：
你百度CSS3 动画,感觉给你demo你也看不懂
爱盈利-运营小咖秀(www.aiyingli.com) 始终坚持研究分享移动互联网App运营推广经验、策略、全案、渠道等纯干货知识内容；是广大App运营从业者的知识启蒙、成长指导、进阶学习的集聚平台；
想了解更多移动互联网干货知识，请关注微信公众号运营小咖秀（ID: yunyingshow）
