[微信小程序] 動畫製作

在小程序可以使用 CSS 來製作動畫，也可以利用 wx.createAnimation 來創造動畫實體。話不多說直接上 Code：

JS 部分：

// 創建實體
var animation = wx.createAnimation({
    duration: 200,
    timingFunction: "ease",
    delay: 0
});
// 進行動畫動作
animation.translateY(300).step();
// 導出，export 方法每次調用後會清掉之前的動畫操作
this.setData({
    animation: animation.export()
});

WXML 部分，只要接收資料即可：

<view animation="{{animation}}"></view>