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() }); }, |
動畫執(zhí)行完了，但是在wxml標簽中
第二次就不執(zhí)行了。
還有個問題 animationend 這個方法怎樣觸發(fā)
網友回復：
瓦***：
我個人覺得應該是 export()這個方法沒起作用
趙***：
animationend跟css的animation屬性相關
瓦***：
animation-fill-mode:
none：默認值。不設置對象動畫之外的狀態(tài)
forwards：設置對象狀態(tài)為動畫結束時的狀態(tài)
backwards：設置對象狀態(tài)為動畫開始時的狀態(tài)
both：設置對象狀態(tài)為動畫結束或開始的狀態(tài) 意思是不是我要設置 這個屬性還是
趙***：
你設置了forwards的話控件執(zhí)行完了動畫不會還原,不設置的話執(zhí)行完動畫會閃回控件的初始狀態(tài)
瓦***：
我試試，非常感謝！
瓦***：
我試了，還是不行。能不能方便給我看個demo啊
趙***：
你百度CSS3 動畫,感覺給你demo你也看不懂
愛盈利-運營小咖秀(www.jza6.com) 始終堅持研究分享移動互聯(lián)網App運營推廣經驗、策略、全案、渠道等純干貨知識內容；是廣大App運營從業(yè)者的知識啟蒙、成長指導、進階學習的集聚平臺；
想了解更多移動互聯(lián)網干貨知識，請關注微信公眾號運營小咖秀（ID: yunyingshow）
