在小程序可以使用 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>